質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Cordova

Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

Q&A

解決済

3回答

2723閲覧

monaca、ページ遷移時にソフトウェアキーボード表示

Bokunet

総合スコア41

Cordova

Cordovaは様々なデバイスで使うことができるオープンソースなモバイル用開発プラットフォームです。開発者に各デバイスの元のプラットフォームで開発する必要をなくし、HTML・JavaScript・CSSなどの一般的なウェブのテクノロジーを使ってすべてのデバイスで展開することができるモバイルのアプリケーションを生成することを可能にします。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

0グッド

0クリップ

投稿2017/11/09 10:25

編集2017/11/09 10:25

何がしたいか

Monacaの勉強として、とりあえずメモ帳をアプリにしてみようと思っています。

こうしたい

新規メモとして新しいページを開いたと同時にソフトウェアキーボード(ソフトキー)を表示させたいです。

試したこと

<textarea id="memo" autofocus></textarea>
これは通常のwebページと同じように、フォーカスだけされてキーボードは表示されません。
document.getelementbyid("memo").focus();
これもフォーカスのみ
document.getelementbyid("memo").click();
変化なし

ここでお手上げ状態です…

根本的に考え方が違うのでしょうか…?
よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答3

0

タグにcordovaがあったので、それっぽいプラグインを探してみました

https://github.com/cjpearson/cordova-plugin-keyboard

focus()と組み合わせて使用すれば、ご要望の動きになるのではないでしょうか。

投稿2017/11/10 01:32

namimon

総合スコア726

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Bokunet

2017/11/10 11:10

回答ありがとうございます。 現在、当方の料金プランの都合でカスタムプラグインを導入できない状態です。料金プランを変更し次第試してみます。申し訳ないです…
guest

0

この辺の記事が参考になるのではないでしょうか。
https://qiita.com/kimihiro_n/items/0a2890757128fcf36771

投稿2017/11/09 23:21

yuki-saito

総合スコア928

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Bokunet

2017/11/10 11:09

回答ありがとうございます。 部分的に上記リンク組み込みも考えたのですが、それを始めると初Monacaアプリ制作としては一気に敷居が高まってしまうので断念しました。申し訳ないです…
yuki-saito

2017/11/12 23:56

そうなのですね。 この辺はMonacaを使うメリットの1つな気がしているので、いつか是非やってみください^^
guest

0

自己解決

解決はしていません が、このまま放置するのはアレなので暫定的に

html

1<textarea placeholder="タップしてメモを開始" autofocus="true"></textarea>

とでもしておこうかと思います…

その後試した方法

クリックイベントでならフォーカスと同時にキーボードも表示されました。

html

1<body> 2 <div id="hoge"> 3 <!-- ここにtextareaを表示 --> 4 </div> 5 <button onClick="run_ta()">ボタン</button> 6 <script> 7 window.onload = function(){ 8 var sample = document.getElementById('hoge'); 9 sample.innerHTML = '<textarea autofocus="true"></textarea>'; 10 //フォーカスもされて、キーボードも表示される 11 } 12 </script> 13</body>

ならばと思い、前のページの<template>内でクリックイベントしようとするも…

html

1<template id="memo_list.html"> 2 <ons-page id="new_memo"> 3 <button onClick="fn.pushPage('new_memo.html'); run_ta();">new_memoにページ遷移</button> 4 </ons-page> 5</template> 6 7<template id="new_memo.html"> 8 <ons-page id="new_memo"> 9 <div id="hoge"> 10 <!-- ここにtextareaを表示 --> 11 </div> 12 </ons-page> 13</template> 14<script> 15 window.onload = function(){ 16 setTimeout('run_ta()',1000); 17 //遷移アニメーションで少し時間かかると思い遅延させる 18} 19function run_ta(){ 20 var sample = document.getElementById('hoge'); 21 sample.innerHTML = '<textarea autofocus="true"></textarea>'; 22} 23</script>

window.onloadだとそもそもautofocusもされていない気がする…
ここで力尽きました、進展があったらまた書こうかと思っています。

投稿2017/11/10 11:32

編集2017/11/10 12:41
Bokunet

総合スコア41

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問