問題タブ [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.
android - Android のタッチ ムーブがスムーズでない
私はこのコードを使用しました:
そして onTouch:
レイアウトに imageView が 1 つしか含まれていない場合は、非常にスムーズに描画します。しかし、ビュー(ボタン、画像の背景)よりも2つ3つ以上追加すると、action_Moveの取得イベントが遅くなり、スムーズに描画されません。私を助けてください!
html - 内側の div の終わりに達したときに、外側の div のスクロールを停止できません
使用例 : - ユーザーが内側の div をスクロールしている場合、内側の div の端に到達したら、外側の div をスクロールしてはなりません。
次のコードは、内側の div が既に最後に達している場合に完全に機能します。つまり、内側の div が最後に到達した後に touchstart/touchmove イベントがトリガーされます。
ただし、タッチを解除せずにスクロールを続け、このプロセスで内側の div の最後に到達すると、外側の div のスクロールが開始されます。
内側の div の最後に到達したらすぐにスクロールを停止するにはどうすればよいですか? Androidデバイスのブラウザでこれを達成しようとしています。この点で誰かが私を助けることができますか?
注 : ユーザーは、外側の div をスクロールできる必要があります。
前もって感謝します。
javascript - iPad の Safari で、ページのラバー バンディングを停止する方法はありますが、オーバーフローもスクロールできるようにしますか?
以下のように、iPad でラバーバンドを停止するためのスニペットがたくさんあります。
ただし、これには、オーバーフローのあるすべての div もスクロールできないという望ましくない効果がありますか?
オーバーフローしたスクロール div を許可しながら、ラバーバンディングからページ (本文) をトップにする方法はありますか?
javascript - touchmove がドキュメントでしか利用できない理由
こんにちは、私は touchmove イベントを使用しています。
このコードは私には機能しません。
このコードは私のために働いています、
touchmove
div 要素でリッスンできない理由が気になります
phonegap 3.0、android 4.0.4 を使用しています。
テスト中のデバイスは、samsung galaxy tab 10.1 です。
ios - UIViewの問題を移動
UIView があり、ドラッグして垂直方向にのみ移動したい。
私はこのコードを使用しました:
これを行うと、ビューが非常に速く上下します。
私は何を間違っていますか?
jquery - jquery 1.9.1 と macbook air の safari、.on() イベント ハンドラが機能しない
次のコードを使用しています。
私も試しました:
ただし、イベント ハンドラーは、Safari を使用した MacBook Air では決してトリガーされません。私は何が間違っているのか分かりません。html を設定すると、本文がオーバーフロー: 非表示になり、本文はスクロールしませんが、垂直スクロールバーを削除/追加するときにファンシー ボックスが本文のコンテンツをシフトすることは望ましくありません。ありがとう。
編集 ドキュメントのjqueryでは、 セレクターが省略されているかnullの場合、イベントハンドラーは直接または直接バインドされていると呼ばれます。ハンドラーは、選択した要素でイベントが発生するたびに呼び出されます。イベントが要素で直接発生するか、子孫 (内部) 要素から発生するかは関係ありません。
では、バブルアップされたイベントがファンシーボックスを本文までスクロールするのをなぜこれが防げないのでしょうか? (使用: $jq191('html, body').on('DOMMouseScroll mousewheel touchmove', function( e ){ e.preventDefault(); e.stopPropagation(); }); )
もう1つの奇妙なことは、オーバーレイをスクロールすると、デバッガーが開いているときにイベントで中断しますが、イベントで中断した直後に本体がスクロールされることです。おそらくバグです。
edit made a jsfiddle @ http://jsfiddle.net/Sa7AP/ピンクのボックス内でクロムとサファリをスクロールすると、ピンクのボックスの最後に到達してスクロールし続けると、背景もスクロールします。ファンシーボックス内をスクロールするときに背景のスクロールを防止しようとしています。
javascript - Android ブラウザーが touchmove イベントを正しく処理しない
この jsbin デモtouchmove
でイベントを調べようとすると、Chrome と Opera for Android で 1 回だけトリガーされ、その直後に、イベントをトリガーし続けるのではなく、イベントがトリガーされますか?touchcancel
touchmove
W3C仕様touchmove
と、Android用FirefoxとAndroidのデフォルトブラウザの両方でのイベントの動作に基づいて、タッチイベントが機能するはずの方法はtouchmove
、タッチがまだオンになっている間にイベントがトリガーされ続けることだと私には思えますページ。ただし、この jsbin でテストしようとした後、次のログ メッセージが表示されました。
これは、最初に画面をタップし ( と で示されています) 、次に画面をドラッグしたとき (touchstart
と)に起こったことです。上記と同じ仕様に従うと、 touchcancel イベントは、ブラウザー インターフェイスなどの何かが干渉する場合にのみ実行する必要があります (正しく理解している場合)。touchend
touchstart
touchmove
touchcancel
私は窓から離れずに体の上で指を滑らせただけだったので、これには本当に戸惑いました。
Chrome 32とOpera 19 for Androidでこの予期しない結果が得られます。