この記事では、タッチスクリーンのJavaScriptイベントについて説明します。参照のためにそれを共有してください。特定の分析は次のとおりです。
1。イベントをタッチします
ontouchstart
OntouchMove
Ontouchend
OntouchCancelは現在、IEを含むこれらの4つのタッチイベントをサポートしています。タッチスクリーンはMouseEventもサポートするため、注文に注意する必要があります。TouchStart→MouseOver→MouseMove→Mousedown→MouseUp→Click1
例は次のとおりです。
/*** ontouchevent*/var div = document.getElementById（ "div"）; // touchstartはmousedowndiv.ontouchstart = function（e）{//イベントのタッチ属性はアレイです。 e.touches [0]; //現在のタッチポイントの座標を取得します。これは、clientx/clientyvar x = touch.clientx; var y = touch.clienty;}; // touchmoveはmusemovediv.ontouchmove = functionに似ています。スクロールなど。e.preventdefault（）;}; // touchendはmouseupdiv.ontouchup = function（e）{//何もしない}に似ています。2。ジェスチャーイベントジェスチャーマルチタッチの使用を指し、写真やウェブページの拡大や回転など、回転、ストレッチ、その他の操作を指します。 2本以上の指が同時に触れる必要がある場合、ジェスチャーイベントがトリガーされます。スケーリングについて注意を払う必要があることの1つは、要素の位置座標です。通常、OffsetX、GetBoundingClientRect、およびその他のメソッドを使用して要素の位置座標を取得しますが、モバイルブラウザーでは、使用中にページがスケーリングされることが多いため、スケーリングされた要素の変化の座標はしばしばスケーリングされますか？答えは、違いがあるということです。この問題を説明するためにシナリオを使用します。ページAが読み込まれた後、JavaScriptはドキュメント内の要素の座標を（100,100）に取得し、ユーザーがページを拡大します。この時点で、JavaScriptは要素座標を再度出力し、それでも（100,100）ですが、画面上の要素の応答領域はスケーリング比に応じてオフセットされます。ブリックプレイゲームのデモを開き、ページが完全にロードされた後にズームインできます。現時点では、指が「ここにタッチ」エリアの外で触れたとしても、領域がオフセットされているため、ボールプレートを制御できることがわかります。ページが更新されたり、ズームが復元されたりしない限り、オフセットは常に存在します。
/*** onegestureEvent*/var div = document.getElementById（ "div"）; div.onesturechange = function（e）{//スケールは、ジェスチャーによって生成されたスケーリングスケールを表します。 1未満は縮小し、1未満が拡大します。もともと1VARスケール= E.スケール; //回転は回転ジェスチャーの角度、値間隔[0,360]を表し、正の値は時計回りに回転し、負の値は反時計回りに反時計回り= e.rotation;};3。重力センシング重力センシングはよりシンプルで、onorientationChangeイベントをボディノードに追加するだけです。この場合、現在の電話方向を表す値は、window.orientationプロパティから取得されます。 window.orientationの値リストは次のとおりです。
0：ページが最初にロードされたときの方向と一致します
-90：元の方向に比べて時計回りに90°回転します
180：180°回転
90：反時計回りに90°回転しました。私のテストによると、Android 2.1はまだ重力センシングをサポートしていません。上記は現在のタッチスクリーンイベントです。これらのイベントは標準に組み込まれていませんが、広く使用されています。他の環境ではテストされていないAndroid 2.1があります。
PS：ここでは、JSイベントに関するオンラインツールを提供します。これは、一般的に使用されるイベントタイプとJSの関数関数を要約しています。
JavaScriptイベントと機能の完全なリスト：
http://tools.vevb.com/table/javascript_event
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。