問題タブ [angularjs-ng-touch]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - ui-select の入力がクリックしてもフォーカスされない: angular-touch と競合する
ui-selectと angular-touchの両方を使用する AngularJS アプリケーションに問題があります。
Safari で、iPad や iPhone などのモバイル デバイスを使用して、ui-select ディレクティブのテキスト入力フィールドをクリックすると、仮想キーボードが開かず、入力がフォーカスされません。
アプリから依存関係を削除するとすぐに、すべてが再び正常に動作するため、問題の原因は angular-touch であることがわかりました。
HTML
JS
http://plnkr.co/edit/dFBQ4si6hLMP1S9dal7m?p=preview
誰かが ngTouch が問題を引き起こすのを防ぐために私ができることを知っていますか? 依存関係から ngTouch を削除することはできません。他の場所で必要です。
16/09 更新
問題は angular-touch (1.4.8) のこの部分から来ているようです:
たとえば、条件を無効にすると、&& falseクリック時に入力がフォーカスされます。angular-touch libの外部からの入力でこのイベントバインディングを無効にする方法を見つける必要があります。
angularjs - モーダルは、ディスプレイが狭いデバイスでフォーカスを失います
私のアプリには、いくつかの入力とボタンを備えた ui-bootstrap モーダルがあります。デスクトップでは完全に機能しますが、狭い画面では、マウス ボタンを放した後にモーダルがフォーカスを失う (入力ボックスからカーソルが消える) ため、そこに何かを入力するのは非常に困難です。
ヒント: マウス ボタンを押すと機能します。テストに入ることができます:)。
モーダルコード:
index.html:
更新 1:アプリケーション モジュールに ngTouch を追加しましたが、それでも同じ問題が発生します:
更新 2: UPDATE1 を実装した後、動作が少し改善されました。FF & IE11 では安定して動作しますが、Chrome では失敗することがあります。
angularjs - AngularJS - ng-click + ng-touch がモバイルで正しく動作しない
検索に使用するボタンにng-clickとの両方があります。ng-touch
デスクトップでは、検索と呼び出された関数はng-click適切に機能します。反対側のモバイルでは、検索ボタンが機能しなくなったng-clickと思います。
モバイルで ng-click を無効にする解決策はありますか? または、この問題の別の解決策はありますか? 両方が必要なので、ng-clickだけを削除することはできません。
ありがとうございました。