私のモバイルサイトでは、基本的には表示領域、書き込むテキスト領域、テキストを送信する送信ボタン問題は、テキストエリアにテキストを書き込むときです。モバイルキーパッドがポップアップし、送信ボタンを押すと、フォーカスが失われ、テキストが送信され、モバイルのキーパッドが消えると、キーパッドが送信ボタンをクリックして消えてはいけません。私は送信ボタン付きのチャットボックスを作成しましたが、送信ボタンをクリックするとテキスト領域にフォーカスが失われました
1
A
答えて
1
あなたは単純に 'touchend'イベントを使用することができます
$(document).on('touchend', 'selector' ,function(){
//you code goes here
});
ここで、あなたの焦点はテキストエリアにとどまります。 これが役立つことを願っています。
0
<form>
要素のonsubmit
機能を上書きすることができます。 デフォルトでは、このフォームはすべて<input>
のコンテンツを削除し、action
属性で指定された内容にコンテンツを送信します。 この動作を上書きする場合は、submit
イベントでpreventDefault
メソッドを呼び出してください。サンプル:
0
フォーカスあなたがテキスト領域に焦点を当ててしまいますと、キーパッドはがれに表示されるように、入力テキスト領域
var form = document.getElementById('my-form');
var input = document.getElementById('my-input');
form.onsubmit = function (event) {
// Prevent the form from sending the content
// and deleting it afterwards
event.preventDefault();
// Focus the input element again
input.focus();
// Send the content via ajax to your endpoint
alert('sending content...');
}
<form id="my-form" action="/message" method="POST">
<input type="text" id="my-input" />
<input type="submit" value="send" />
</form>
input.focus()は、データを送信したJavaスクリプト関数で使用します。データを直接送信した後にコードを変更し、Ajaxのリクエストと応答がテキストボックスに再度フォーカスを合わせた後
関連する問題
- 1. 送信ボタンを押した後に特定の領域にテキストを返す
- 2. 送信ボタンをクリックしたときに送信するフォームを取得する
- 3. 複数の送信ボタンが付いたフォームを送信する -
- 4. ユーザがボタンをクリックしたときにFirebaseのロケーションアップデートを送信したい
- 5. 生成されたボタンがフォームを送信します。
- 6. ボタンをクリックしたときにメッセージをサーバーに送信
- 7. Javascript HMTL、onclickイベントは、ボタンをクリックしたときに送信されますが、キーボードで入力が押されたときは送信されませんか?
- 8. 送信ボタンをクリックすると$ _GET変数が送信されます
- 9. 送信ボタンをクリックすると、フォームデータが複数回送信されます
- 10. チェックボックスがチケットのときに送信 - 送信ボタンなし
- 11. 送信ボタンをクリックしたときにJavaScriptコードが2回出力される
- 12. コントローラに送信したときに値が失われる
- 13. 送信ボタンが付いたフォームを送信
- 14. マウスのボタンを使わずにフォームを送信すると、ボタンのonclickイベントが送信されますか?
- 15. Ajaxフォーム送信ボタン付きで送信
- 16. 送信ボタン - 送信ボタンのCSSを無効にした後に変更する
- 17. IE11の入力送信ボタンをクリックしてフォームを送信できません
- 18. Vueボタンをクリックするとフォームが送信されます
- 19. javascript:ユーザーがボタンを押したときにメッセージを送信
- 20. チェックボックスボタンをクリックすると、テキストフィールドと送信ボタンが表示されます。送信ボタンをクリックするとチェックボックスボタンを無効にします。
- 21. ユーザーがフォームを送信した後に送信ボタンを無効にする
- 22. ボタンをクリックすると複数のフォームを送信します。
- 23. 送信ボタンなしでPDFフォームを送信できますか?
- 24. 送信ボタンは動作しません
- 25. 送信ボタンが機能しません。アカウント作成ボタンをクリックしても何もしません。
- 26. 送信ボタンが送信されていますが保存しません - MVC
- 27. 私は送信ボタンをクリックするたびに、yay 2.0
- 28. ボタンが押されたときにメッセージを送信する
- 29. codeigniterで送信ボタンをクリックした後に無効にする
- 30. [送信]ボタンをクリックしたときにデータを挿入する方法は?