私が最初にフロントエンドページで作業を始めたとき、私もJSと接触しましたが、その後、私はシンプルで効率的なjQueryに惹かれ、今日に慣れています。
そして、JSは、基礎となるテクノロジーの主観的な見解によって放棄されています。
最近まで、モバイルページのタッチスクリーンスライドイベントを調査する必要があります。 JQueryの対応する技術サポートを検索するのは本当に面倒です(もちろん、JQueryを十分に理解していない可能性があります)。JSは、簡単に定義するためのいくつかのステップしか必要ありません。
私はJSについてほとんど知らないので、私は長い間最も簡単なアプリケーションを試しました... JSのタッチイベントへの実際の参照を共有しましょう:
$(function(){document.addeventlistener( "touchmove"、_touch、false);})function _touch(event){alert(1);}上記のコードは必然的にjqueryで特定のものを使用しており、jqueryを使用しない人は無視できます。
対応するイベントは次のとおりです。
TouchStart:指が画面に触れるとトリガーされます。 1本の指がすでに画面に配置されていてもトリガーします。
TouchMove:指が画面上でスライドすると、連続的にトリガーをトリガーします。このイベント中に、Calling PreventDefault()を呼び出すと、スクロールが防止されます。
Touchend:指が画面から取り外されたときにトリガーされます。
TouchCancel:システムがタッチの追跡を停止したときにトリガーされます。このイベントの正確なトリガーイベントは、ドキュメントに明示的に記載されていません。
上記のイベントのイベントオブジェクトには、次の属性が存在します。
タッチ:現在追跡されているタッチ操作を表すタッチオブジェクトの配列。
TargetTouches:イベントターゲットに固有のタッチオブジェクトの配列。
Changetouches:最後のタッチ以来変化したものを表すタッチオブジェクトの配列。
各タッチオブジェクトには、次のプロパティが含まれています。
ClientX:ViewPortのターゲットのX座標をタッチします。
クライアント:ビューポートのターゲットのY座標をタッチします。
識別子:タッチの一意のIDを表します。
Pagex:ページのターゲットのX座標をタッチします。
Pagey:ページのターゲットのY座標をタッチします。
screenx:画面のターゲットのx座標をタッチします。
スクリーン:画面内のターゲットのY座標にタッチします。
ターゲット:タッチされたDOMノード座標
さて、私は学習を始めたばかりなので、最初にBaiduの属性のいくつかを書き留めます。