問題タブ [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 に答える
13210 参照

ios - COCOS2D で移動したタッチに線を引く

COCOS2Dを使用して iPhone 向けのゲームを開発しています。

その中で、ユーザーが指をポイントから別のポイントにドラッグするときに線を引く必要があります。私の知る限りTouches Moved method、ポイントを獲得できる場所からこれを行う必要があります。

しかし、これを行う方法がわかりません。誰でもこれについて私を助けることができますか?

0 投票する
3 に答える
16879 参照

javascript - モバイル Safari でスクロールが終了するまで touchmove の JavaScript DOM の変更が遅延する

モバイルサファリでは、要素を処理する過程で、その要素touchmoveの を変更classNameします。残念ながら、ユーザーがスクロールしている間、または慣性スクロールが最後まで視覚的な変化は発生しません。

classNameすぐに視覚的に取得するにはどうすればよいですか?

詳細:どうやらこれは className の変更に限定されていないようですが、 や などの DOM への変更のようinnerHTMLですstyle

0 投票する
4 に答える
22972 参照

javascript - document.addEventListener("touchmove", preventBehavior, false); -overflow:scroll;を使用できないようにします。- 回避策はありますか?

phonegapを使用してiosアプリを構築しているため、phonegapが使用するウィンドウを移動できませんdocument.addEventListener("touchmove", preventBehavior, false);

overflow:scrollこれは問題ありません...しかし、テキストのセクションでcssを使用することもできません。

これらの両方を引き続き機能させることができる回避策はありますか? それをオーバーライドするために、js の後に css のセクションをロードする方法はありますか? document.addEventListener("touchmove", preventBehavior, false);または、本文には適用できますが、コンテンツには適用できませんか?

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

javascript - jQueryまたはJavascriptにtouchmoveイベントの速度を決定する方法はありますか?

これは簡単な質問です。jQueryまたはJavascriptにtouchmoveイベントの速度を決定する方法はありますか?cssを使用して要素を取得し、取得可能にします。これは正常に機能しますが、指を速く動かすと、しきい値の距離に移動できる可能性は低くなりますが、ページをめくるつもりだったので、 javascriptまたはjQueryのタッチ移動イベントでの移動速度。速度を補正するためにしきい値を小さい値に調整できますか?

あなたの素晴らしい答えに感謝します。上記は変更されたコードです。うまくいきました!!!

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

javascript - iScroll 4 – デフォルト/ネイティブのズーム機能を復元します

スクロール可能なコンテナーがビューポートの幅と高さ全体を占めるセットアップがあります。iScroll を使用して、背景画像上でコンテンツをスクロールします。これまでのところ問題なく動作し、背景画像を固定するためのより良い解決策が見つかりませんでした (どんなアイデアでも素晴らしいでしょう:))。問題は、ページにズームインできなくなったことです。これは、iScroll がスクロール可能なコンテナー (この場合は画面全体) に対してそれを無効にするためです。ネイティブのズーム機能を元に戻す方法はありますか? iScroll ライブラリまたはスクロール用の別のライブラリを変更する「絶望的な」ソリューションも使用します。

0 投票する
4 に答える
7011 参照

javascript - 複数のタッチ:タッチムーブが発生したときにのみ発生するタッチエンドイベント

iosデバイス(そしておそらく後でandroid)からアクセスするときに、JavaScriptアプリケーションにいくつかのマルチタッチ機能を追加したいと思います。

シフトキーのような機能を提供したいと思います。ユーザーは1本の指で画面上のボタンを押し続けることができ、このボタンが押されている間、画面の残りの部分でのタップアクションの動作は従来のタップとは少し異なります。

私が遭遇している問題は、シフトキーボタンを押している人差し指に対してタッチムーブが起動されない限り、タッピング指のタッチエンドイベントを受け取らないことです。

画面は非常に敏感であるため、touchmoveイベントは簡単に発生し、ほとんどの場合、すべてが正常に機能します。

ただし、ユーザーの指が少し静止している場合は、ユーザーが指を少し動かすまでタッピングは検出されません。これにより、タッピングと画面上で発生するアクションの間に可変の「遅延」が発生します(遅延は変動する可能性があり、ユーザーが非常に落ち着いている場合は数秒続く場合があります)。私の推測では、この遅延により、ユーザーはもう一度タップして、アクションを2回実行することになります。これは、私が望まないことです。

あなたはここであなたのipad/iphoneでそれをテストすることができます:http://jsfiddle.net/jdeXH/8/

赤のdivをタップしながら、シアンのdivを指で動かさないようにして、体を数秒間緑色のままにしてください。

この動作は予想されるものですか?この問題の既知の回避策はありますか?指を画面から離すとすぐにタッチエンドイベントが発生することを期待していました。

私はこれをiOS5.1.1(ipad1とiphone4s)でテストしました

編集:SafariMobileで必要なマルチタッチtouchEventsがトリガーされない同様の質問を見つけました

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

jquery - Jquery - モバイルブラウザを検出する最良の方法は? (マウスダウン/タッチムーブ)

私はいくつかのJqueryスクローラーを持っています。

デスクトップ ブラウザーの場合、次の構造を使用します。

モバイル ブラウザの場合、次のように動作します。

モバイルブラウザを決定する最良の方法は何ですか? すべてのプラットフォームで同じ機能を使用する方法はありますか?

どうも

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

jquery - クリック アンド ホールドしてスクロール、touchstart、touchmove、touchend

スクロール可能なdivがあります。「長押し」でリストをスクロールしたり、ボタンをクリックして選択したりできるようにしたいと考えています。

問題は、div をスクロールするためにボタンを押したままにすると、クリック機能がトリガーされることです。

スクロール時にトリガーしないようにしたい。ホールド機能のクリックを区別する方法が必要です。

だから私は使用しています:

私は次の解決策を考えました。

'.panel'mousedown以上の場合、500 msボタンがアクティブになり、押されます:

'.panel'がの場合mouseup、ボタンは通常の状態に戻り、すべてのボタンが出力の動きをします。

しかし、ユーザーの場合mousemovemousedownおよびmouseupアクションはキャンセルされます。

これを実践する方法がわからない

それに似たものです: http://m.microsoft.com/windowsphone/en-us/demo/default.aspx

提案してください。

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

jquery - jqueryスライダーをスライドするときにIpad/Iphoneをクリックしないようにする

私は構造を持っています

Iphone/ipad のスライディングを作成し、overflow:hidden を DIV に設定し、UL を上下に移動します

問題は、タッチスタート イベントを開始するときに、リンクに指を置いて<a></a>スライドのために指を上下に動かすと、スライドが完了した後にページの場所が変更され、リンクのクリックが機能することです...防止する必要がありますそれ

ページの場所のみを変更したいのですが、タッチスタートの直後にタッチエンドが発生した場合にのみ、それらの間のタッチムーブはありません...

アドバイスをください、ありがとう

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

image - appcelerator titanium モバイルを使用して画像に線を引く方法

絵を描くことができるGalaxy Tab用のアプリケーションを作りたいと思っています... MSペイントに似たもの(理由は聞かないでください:))最初のステップは次のとおりです。

では、どのようにピクセルを描画すればよいでしょうか?