問題タブ [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.

0 投票する
2 に答える
2791 参照

javascript - jQuery touchmoveがChromeエミュレータに登録されていません

モバイル/タブレットでスクロール イベント (スクロールの途中) を発生させる方法について、同様の質問がありました。以下に示すコードを使用しましたが、これを chrome エミュレーターで動作させるにはまだ至っていません。

touchstart は、タッチ センサーでスクロールするとログに記録されますが、touchmove ではログに記録されません。私は何が欠けていますか?

0 投票する
0 に答える
1143 参照

jquery - touchmove イベントを使用した jQuery Mobile

次のドキュメントのように、基本的な選択スイッチを管理しようとしています。

http://demos.jquerymobile.com/1.4.5/flipswitch/

私のコードは次のとおりです。

HTML

ジャバスクリプト

左(ON)から右(OFF)または右(OFF)から左(ON)にスワイプすると機能します。

私の問題は次のとおりです。

  1. ON に指を置いたまま右にスワイプすると (OFF)、ステータスが OFF になり、すぐに ON に戻ります。
  2. 指をオフにしてから左にスワイプすると (オン)、ステータスがオンになり、すぐにオフに戻ります。

これを解決するには?

0 投票する
1 に答える
519 参照

html - Android で HTML5 touchmove が常に中断される

(iOS / Windows phone ではテストされていません)

モバイル用の HTML5 ゲームを作成していて、ユーザーのタッチ入力をジョイスティック/コントローラーとして使用したいのですが、そこで見つけたすべての touchmove スクリプトは、長時間の touchmove の後に壊れているようです。私はこれを Android デバイスでのみ適切にテストしましたが、いくつかの異なるブラウザーを試しましたが、結果は同じです。私は知ってe.preventdefaultおりwidth=device-width、両方を使用していますが、このバグは依然として発生します。私が使用しているコードは次のとおりです。

そして、この動作の発生をテストできるいくつかの例を次に示します。

http://jsfiddle.net/B5wgb/8/

http://www.onlywebpro.com/demo/gamedev/mouse_detect.html

これらは私がウェブ上で見つけたさまざまなアプローチ/スクリプトであり、これまでのところ、私が見つけたすべての touchmove コード例は、適切に機能していないようです。Android デバイスで連続ドラッグをシミュレートすると、ある時点で touchmove が中断され、touchend に続いて touchstart が返され、指を離して touchmove を停止するまで続きます。これには 1 秒から数分かかることがありますが、touchmove は必ずどこかで中断します。

任意の提案/解決策をいただければ幸いです。

0 投票する
0 に答える
871 参照

javascript - JavaScriptを使用してiOSでスクロールを検出するには?

私は通常、スクロール イベントの要素を次のようにシミュレートします。

touchmove問題は、指が実際にiPadに触れているときにのみトリガーされ、「それ自体で」スクロールしているときではなく、iOSにあります。

これには簡単な解決策があると確信しています。

ここではより良い説明のために jQuery が使用されているため、解決策jQuery なしでもかまいません。

0 投票する
0 に答える
127 参照

javascript - モバイルでスクロールできない Div (document.ontouchmove)

ドキュメントオブジェクト全体に ontouchmove-handler を持つ単純な Web サイトがあります。この Web サイトには、スクロールバー付きの div 要素がいくつかあります (overflow: auto; height: 200px)。

これらの div 要素は、モバイル デバイスではスクロールできません。

ドキュメント オブジェクトから ontouchmove-handler を削除すると、完全に機能します。

ontouchmove-handler を使用して scrollable-div-elements を作成できる簡単な解決策がありますか?

0 投票する
1 に答える
1392 参照

angularjs - 複数のアイテムに対するAngularJS touchmove

アイテムのリストがあり、それぞれに指を移動すると、たとえば各アイテムの ID を取得したいと考えています。マウスでは機能しますが、タッチでは機能しません。私はこのライブラリを使用しています: https://github.com/nglar/ngTouch

HTML:

JS:

現在の要素にいる場合は正常に動作しており、3 つの動きが検出されます。しかし、たとえば、アイテム1に触れて指をアイテム2に移動しても、それは検出されず、アイテム1のままです。

0 投票する
0 に答える
57 参照

jquery - 内部に.html()がないとjQuery関数が実行されない

phonegapで電話アプリを作ろうとしていて、左からドラッグできるメニューを作りたいです。このコードは、(この段階では) 希望どおりに$("#myElement").html(changePos);機能していますが、 touchmove 関数から行を削除すると、機能しなくなります。この行は数字を監視するためのもので、もう必要ありませんが、これがないと機能しないのはなぜですか?