javascript - 2 回クリックした後、iOS で HTML 入力フィールドに入力できない

Question

iOS で問題が発生しており、そのためのフィドルを作成しました。

任意のタッチイベント (touchstart/touchmove/touchend) のドキュメントにイベントリスナーを追加すると、次のようになります。

function onTouch( e ){};
document.addEventListener( 'touchstart', onTouch, false );

その結果、入力フィールドは iOS で次のように動作します。

この問題は、iPad と iPhone (シミュレーターと実際のデバイス) の両方で、iOS 5、5.1、および 6 で発生し、テストしています。

唯一の修正は、イベントリスナーを削除して、入力フィールドの正しい動作を復元することです (または、実際にはリスナーをまったく追加しないようにします)。

document.removeEventListener( 'touchstart', onTouch);

また、ページに複数の iframe があり、そのうちの 1 つがリスナーをそのドキュメントに追加すると、他の iframe の入力フィールドも壊れることにも気付きました。

フィドルは Android フォンで正しく動作します。

なぜこれが起こっているのですか？または、iOS で入力を中断しないタッチイベント用のグローバルカスタムイベントハンドラーを配置するにはどうすればよいでしょうか?

score 2 · Accepted Answer

私の場合、テリーの回答のバリエーションは、このモバイル Safari バグ (!!!) を回避しました。ここでは、「#input」とこのコードが iframe ページにあります。

var el = $('#input');
el.on('keydown', function() {
  window.focus()
  el.focus()
});

バグは複数の方法でトリガーされますが、「キーダウン」は確実に発生します。これにより、次の「キープレス」も到着します。

score 0 · Accepted Answer

jQuery Mobile 1.2.0 が必要なはずです

証明！ボックスにチェックを入れる前に:

PROVE(前)

ボックスにチェックを入れた後:

カチカチした後

3 に答える 3