問題タブ [touchstart]

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 投票する
0 に答える
900 参照

javascript - iOS JavaScript touchstartイベントが起動しない

親の相対位置が次のように配置された絶対位置の div があります。

次のように、親と一緒に touchstart イベントにコードを追加しています。

問題は、iOS 7.1.2 (Chrome と Safari の両方) を実行している iPhone 4 で要素をタッチすると、「c」が表示されることです。

物理的な Android フォン (Chrome)、iOS 9.2 を実行するエミュレートされた iPhone 4 (Safari)、および物理的な iPhone 6+ (Safari) では、コードは正常に機能し、「d」が表示されます。

iPhone 4 (iOS 7.1.2) が子供ではなく親にタッチを送信する理由を教えてください。ありがとう!

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

javascript - タッチスタート時のオリジナルイベントなし

だから私はJQuery(1.11.3)を使用していますが、ウェブ上で何も見つからないものに行き詰まっています。

基本的に、ハンドラーを「touchstart」イベントにバインドしていて、タッチ イベントの位置を取得したいと考えています。(注:私も試しました$('#id').on('touchstart'...

これは、最初のアラートから得たものです。

スクリーンショットアンドロイド1 スクリーンショットアンドロイド2

問題は、originalEvent (探している情報が含まれているはず) にisTrustedプロパティしかないことです。

スクリーンショットアンドロイド3

誰かが私が間違っていることを知っていますか? ちなみに私はChrome for Androidを使っています。

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

javascript - イベントトリガー前のJavascript TouchMove遅延

タッチがどこにあるかの一定の座標を取得しようとしていますが、残念ながらアプリケーションを実行すると、「touchmove」がアクティブになる前にピクセルしきい値または超える必要があることに気付きました。このしきい値を変更する方法はありますか? それとも何か他のものですか?(できればJQueryを使用しないでください)

何が起こるのですか:

タッチ = インスタント X、Y 座標

Move Touch around = X、Y座標は「一定量のピクセルが通過する」まで変化しません(しきい値?)

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

javascript - cordova windows アプリでのタッチ イベントの使用

touchstartやなどのタッチイベントに大きく依存するコードバを使用して、Windows 用のアプリケーションを作成していますtouchmove。これらのイベントは、Android および iOS バージョンでは正常に機能しますが、Windows バージョンでは発生しません。代わりに、ブラウザーはタッチ時にページをスクロールしようとします (注: でevent.preventDefault関数を呼び出してtouchstartいますが、イベントは発生しません)。

この場合、エッジ ブラウザーは cordova アプリと同じ動作をします。エッジでは、このフラグが設定されている場合、またはアプリケーションが完全に機能している場合に、ナビゲートするときにabout:flags呼び出されるオプションです。コルドバ アプリケーションでこのフラグを設定するのがもっともらしいかどうか疑問に思っていました。enable touch eventsAlways onOnly on when a touchscreen is detected

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

javascript - ボタンをすぐに開くメニューにする

ユーザーがボタンに触れるとすぐにモバイルメニューが開くようにします。両方のボタンで ontouchstart="" を使用して、offcanvas メニューが表示されているときにコンテンツにオーバーレイを作成しました。これは、ユーザーがいずれかのボタンに触れるとすぐに機能します。href="javascript:void(0) に対してもまったく同じように機能するようにしたいと思います。これにより、メニューが開きます。ウェブサイトは次のとおりです: https://londontradition.com、メニュー ボタンをタッチするとすぐに確認できます。 、オーバーレイが表示されますが、指を離すまでメニュー遷移は開始されません。

これが機能する場所の例は次のとおりです: https://www.ssense.com/

メニューの閉じるボタンの html は次のとおりです。

そして、ここに私のメニューを開くボタンのhtmlがあります:

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

javascript - ボタンをタップした後のわずかなラグ

これは私のゲームです -私のゲーム

問題:

Google Chrome Developer Tools でゲームを調べて、キャンバス (またはボタン) をクリック (タップ) すると、わずかなラグが発生し、車が左右に移動します。この問題を解決するにはどうすればよいですか?

(モバイル向けのゲームを作りたい)

私は試した:

そして、私はtouchstartイベントを使用しています。しかし、まだ何も...

編集:

わかりました FastClick を試しましたが、うまくいきません。

タッチイベントが登場<head>

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

ios - 電話のホバーメニュー:テーピングすると上部に移動します

私のウェブサイト(まだベータ版)では、ここにあります:http://www.collectifsaga.com/X/wordpress/fr/home-fr、メニューホバー(グリッドのフィルター)があります

そのホバーメニューで電話に問題があります(iPhoneを持っていますが、他のデバイスに問題があるかどうかはわかりません)。:activeホバーは( CSSで)うまく機能しており、これをに追加することで<head>document.addEventListener("touchstart", function() {},false);

この問題は、ホバー メニューをタップすると、ページの中央または下部にいる場合でも、ページが直接上部に移動することです。そして、それはかなり疲れます

それを解決する方法を知っていますか?

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

javascript - 純粋なJSでタグを介してタッチスタートイベントを発生させるときに、スクロールを防止するがリンクの追跡を防止するにはどうすればよいですか?

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

javascript - Angularfire Login Ionic アプリがデバイスで動作しない

私たちはイオンを利用したゲームに 6 か月間取り組んできました。1.0 ベータ プッシュの準備が整いました。

重大な問題が発生しました。人々がゲームをプレイできるb4を使用する必要があるGoogleログイン(angularfireベース)は、最終的なapkで機能しなくなり、問題の原因を見つけることができないようです。

携帯電話でライブ デバッグを行った後、コンソールに 2 つの警告が表示されていることがわかりました。

私は最初、iOSのオーバースクロールの無効化と関係があると思った

これを削除しようとしても、まだ何も変わっていません。

誰かが同じ問題や何らかの解決策を持っているかどうか、今私は興味がありますか? 現時点では、私はプロジェクトのプランカーを持っていません (多くのコードへの方法)。問題はデスクトップに表示されないため、その必要性はわかりません。(必要なプランカーはありますか、確かに作成します)。

この段階で問題を追跡または解決する方法がわかりません。デスクトップでは問題はありません。

- - 編集 - -

この問題を解決する方法は、私が期待していた別の方向にありました。

  1. npm、cordova、および ionic を更新しました。
  2. したionic state save
  3. したionic platform remove android
  4. したionic platform add android
  5. 不足しているすべてのプラグインと再インストールされたすべてのプラグインが見つかるまでこれを繰り返しました(名前だけではなくgit httpsリンクを使用する必要がありました)
  6. 問題を解決し、飲み物を手に入れました。
0 投票する
3 に答える
56 参照

javascript - 子要素が塗りつぶされている場所のみクリック可能

デスクトップと iPhone の両方で私の JS Fiddle を参照してください。

https://jsfiddle.net/5jb3x5cn/4/

私はclick eventListeneronを使用していdocument.bodyます:

背景を青で塗りつぶしたので、フレーム全体が体で塗りつぶされ、高さが .0 になっていることがわかります100vh

iPhone の子要素を 1 つ挿入しました。

デスクトップでは、 のどこをクリックしてもアラートが表示されますbody。iPhone では、アラートは子要素をクリックしたときにのみ表示されます。体が設定されている高さに関係なく、子要素がクリックできるスペースで体を「埋める」としか思えません。

興味深いことに、十分なクリック可能なサイズがdocument.body.clientHeightあることを示唆する値を返します。body

ここで、https ://jsfiddle.net/5t8arze9/1/ にアクセスします。

全体bodyがクリック可能であることがわかります。ここでは を使用しましたtouchstart eventListener

誰かが私を正しい方向に向けることができますか?

乾杯、ダン