問題タブ [touchstart]

HTML5 キャンバスとタッチを使用して、Android で WebView アプリを作成しようとしています。

これが私のコードの関連部分だと思うものです:

onCreate で:

文字列「コンテンツ」には、次の行を含む html / javascript のブロックが含まれています。

そして、 activity_main.xml ファイルにはタグが含まれています

ただし、私のテスト デバイスである Nexus 7 は、タッチ イベントに応答しないようです。「touchstart」と「touchend」を「mousedown」と「mouseup」に置き換えると、mousedown イベントが認識されるようです。しかし、mouseup は適切に動作しません (つまり、ブラウザで実行されている同じコードのように)。

私は明らかに何かが欠けていますか？javascriptでタッチイベントを有効にするために必要な構成設定は?

5つの画像があるアプリで作業していますが、これらの画像を特定の位置に移動したいので、タッチスタートイベントの開始時に画像のIDを取得したいと思います。私はjavascriptを使用しています。

Chromeelement.addEventListener("touchstart")では、システムのパフォーマンスに深刻な問題があり、場合によっては 1 回の呼び出しで 100 ミリ秒に達します。

上記はconsole.time純粋なaddEventListener呼び出しの出力です。他のイベントの同一の呼び出しには 0 ミリ秒かかります。興味深いのは、1 回または 2 回の呼び出しごとに、1 ミリ秒ずつ時間がかかることです。「タッチイベントのエミュレート」をオンにしてもオフにしても違いはありません。

ただし、Chrome での単純なテスト ケースは 0.01 ミリ秒/呼び出しで実行されるため、他の依存関係が必要です。ページに多数の要素があり、多くのイベントリスナー (1000) を設定しているという事実以外には、それが何であるかはわかりません。それでも、Mozilla と Safari の私のページでは、呼び出しは瞬時に行われます。一体何がこれを説明できるのでしょうか?

マウスの移動を使用してスマートフォンでも動作する機能を補完しようとする場合、どのような違いに注意する必要があります.

これまでのところ、Androidで取得できることを学びました

• マウスムーブの代わりにタッチムーブ、
• マウスダウンの代わりにタッチスタート、
• マウスアップの代わりにタッチエンド
• event.touches[0].pageX の代わりに event.clientX
• event.touches[0].pageY の代わりに event.clientY

しかし、それだけでは十分ではありません。コードはまだ正しく動作しません。動作させる前に、さらに何を学ぶ必要がありますか?

例: http://paint.puggan.se/paint/paint_201305311921.html

同じグループ内のある点から別の点にドラッグすると、それらの間に黄色の線が追加されます。ペイントをドラッグして青い線を最も近いところまでドラッグしている間、近くにドラッグするか、マウスを停止すると、黄色い線が追加されます。

上記は、私のコンピューターのFirefoxのマウスで正常に動作します。

上記は私のAndroidでは機能しません。青い線は見えますが、黄色の線は表示されません

エラーが発生しています"Object has no method 'apply'... "

タッチイベントを要素にバインドしているだけですが、オブジェクトに適用メソッドがあるというエラーが発生しています。

私は試した 、

これも機能しませんか?? 何をすべきか？どのような変更を加える必要がありますか? 要素を にバインドしたいだけですtouchstart。

touchstart でキャンバスを更新する HTML5 ゲームを書いています。Android 4.1.1 を実行している Galaxy Note 10.1 では、touchstart イベントの後に画面が更新されるまでに少し時間がかかります。調査した結果、タッチスタート後に画面 (画面の変更のみ) が更新されるまでに時間がかかると結論付けました。ここにデモンストレーションがあります：

以下にいくつかのシナリオを示します。

1. 画面をタップする、指を動かさない、指を離さない
   • テキスト ボックスが更新されるまで、約 0.5 秒待つ必要があります。
2. 画面をタップする、指を動かす、指を離さない
   • 指を動かした瞬間に画面が更新されます
3. 画面をタップして離す
   • 指を離した瞬間に画面が更新されます

いずれの場合も、 touchstart イベントはすぐに発生します。画面の更新が遅れるだけです。クリックイベントをトリガーする 300ms の遅延が関係しているようですが、問題は異なり、遅延するのは画面の更新です。event.preventDefault私は、キャプチャをtrueまたはfalseに設定する、またはfalseを返すなど、すべての明白なことを試したと思います。私も検索しましたが、報告された同様の問題は見つかりませんでした。

また、iPad と Android 2.3 を実行している Nexus One フォンで正常に動作しており、タッチスタートの直後に画面が更新されます。

何か案は？

リンクではなくdivに配置された、ホバー効果がいくつかある単純なWebサイトがあります。これらの効果を iPad で表示できるようにする必要があります。

現在、ヘッダーで「touchstart」を使用しています：

これは良い仕事をします... iPadでは、divに触れると、マウスオーバー（ホバー）効果が表示されます。divの外側のどこかに触れると、効果が逆になります(マウスアウト)。

ただし、同じdivをもう一度タップしても効果が反転する必要があります...

誰でも助けることができますか？ありがとう！M

Html5:- フッターには動的にカミングされているデータが格納され、フッター部分はウィンドウ全体ではなくタッチで移動する必要があります。フッターのみがフッターに存在するデータとともに移動する必要があります。

Jquery の場合:- Ajax 呼び出しを使用して、Htm5 のフッター部分に保存されているデータを動的に取得しています