<!DOCTYPE HTML > < HTML LANG = "EN" > < 頭> < メタ文字コード= "UTF-8" > < メタ名= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0" > < メタHTTP -equiv = "X-UA-互換性のある" コンテンツ= "IE =エッジ" > < タイトル>ドキュメント</ タイトル> < スタイル> 左:0 ; トップ:0 ; 幅:200pxの。 高さ:200pxの。 背景:赤; 不透明度:0.2 ; } </ スタイル> </ ヘッド> < ボディ> < HREF = "https://www.baidu.com" >百度</ A > < DIV ID = "ボックス" > </ DIV > < スクリプト> { / * 下位要素に押し付けtouchstart指 を押した後、指要素touchmove、画面移動が プレスとリフト後の指要素をtouchend * / ボックスせ= document.querySelector(「#boxを」) ; box.addEventListener(" touchEnd " 、()=> { box.style.display = " なし" ; e.preventDefault(); }); / * 移動端末は、最後にマウスイベントをサポートしますか? およそ300msの遅延:モバイルマウスイベントの質問を終了 私たちは、モバイル端末での指の要素をタッチすると、それはすぐに私たちのタッチイベントを実行され、現在のトリガイベントの座標を記録する 要素はの実装上の対応するマウスイベントがある場合は300ミリ秒は、座標内の要素を見つけた後、 イベント・ポイントを液を介して: 1.(HREFのも含む)マウスイベント携帯端末を使用しないでください デフォルトのイベントを停止2. * / } </ スクリプト> </ ボディ> </ HTML >