問題タブ [touchmove]
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 - jQuery touchmoveがChromeエミュレータに登録されていません
モバイル/タブレットでスクロール イベント (スクロールの途中) を発生させる方法について、同様の質問がありました。以下に示すコードを使用しましたが、これを chrome エミュレーターで動作させるにはまだ至っていません。
touchstart は、タッチ センサーでスクロールするとログに記録されますが、touchmove ではログに記録されません。私は何が欠けていますか?
jquery - touchmove イベントを使用した jQuery Mobile
次のドキュメントのように、基本的な選択スイッチを管理しようとしています。
http://demos.jquerymobile.com/1.4.5/flipswitch/
私のコードは次のとおりです。
HTML
ジャバスクリプト
左(ON)から右(OFF)または右(OFF)から左(ON)にスワイプすると機能します。
私の問題は次のとおりです。
- ON に指を置いたまま右にスワイプすると (OFF)、ステータスが OFF になり、すぐに ON に戻ります。
- 指をオフにしてから左にスワイプすると (オン)、ステータスがオンになり、すぐにオフに戻ります。
これを解決するには?
html - Android で HTML5 touchmove が常に中断される
(iOS / Windows phone ではテストされていません)
モバイル用の HTML5 ゲームを作成していて、ユーザーのタッチ入力をジョイスティック/コントローラーとして使用したいのですが、そこで見つけたすべての touchmove スクリプトは、長時間の touchmove の後に壊れているようです。私はこれを Android デバイスでのみ適切にテストしましたが、いくつかの異なるブラウザーを試しましたが、結果は同じです。私は知ってe.preventdefault
おりwidth=device-width
、両方を使用していますが、このバグは依然として発生します。私が使用しているコードは次のとおりです。
そして、この動作の発生をテストできるいくつかの例を次に示します。
http://www.onlywebpro.com/demo/gamedev/mouse_detect.html
これらは私がウェブ上で見つけたさまざまなアプローチ/スクリプトであり、これまでのところ、私が見つけたすべての touchmove コード例は、適切に機能していないようです。Android デバイスで連続ドラッグをシミュレートすると、ある時点で touchmove が中断され、touchend に続いて touchstart が返され、指を離して touchmove を停止するまで続きます。これには 1 秒から数分かかることがありますが、touchmove は必ずどこかで中断します。
任意の提案/解決策をいただければ幸いです。
javascript - JavaScriptを使用してiOSでスクロールを検出するには?
私は通常、スクロール イベントの要素を次のようにシミュレートします。
touchmove
問題は、指が実際にiPadに触れているときにのみトリガーされ、「それ自体で」スクロールしているときではなく、iOSにあります。
これには簡単な解決策があると確信しています。
ここではより良い説明のために jQuery が使用されているため、解決策はjQuery なしでもかまいません。
javascript - モバイルでスクロールできない Div (document.ontouchmove)
ドキュメントオブジェクト全体に ontouchmove-handler を持つ単純な Web サイトがあります。この Web サイトには、スクロールバー付きの div 要素がいくつかあります (overflow: auto; height: 200px)。
これらの div 要素は、モバイル デバイスではスクロールできません。
ドキュメント オブジェクトから ontouchmove-handler を削除すると、完全に機能します。
ontouchmove-handler を使用して scrollable-div-elements を作成できる簡単な解決策がありますか?
angularjs - 複数のアイテムに対するAngularJS touchmove
アイテムのリストがあり、それぞれに指を移動すると、たとえば各アイテムの ID を取得したいと考えています。マウスでは機能しますが、タッチでは機能しません。私はこのライブラリを使用しています: https://github.com/nglar/ngTouch
HTML:
JS:
現在の要素にいる場合は正常に動作しており、3 つの動きが検出されます。しかし、たとえば、アイテム1に触れて指をアイテム2に移動しても、それは検出されず、アイテム1のままです。
jquery - 内部に.html()がないとjQuery関数が実行されない
phonegapで電話アプリを作ろうとしていて、左からドラッグできるメニューを作りたいです。このコードは、(この段階では) 希望どおりに$("#myElement").html(changePos);
機能していますが、 touchmove 関数から行を削除すると、機能しなくなります。この行は数字を監視するためのもので、もう必要ありませんが、これがないと機能しないのはなぜですか?