프론트 엔드 페이지에서 처음 작업을 시작했을 때 JS 와도 연락을 취했지만 간단하고 효율적인 jQuery에 매료되어 오늘날 익숙해졌습니다.
그리고 JS는 기본 기술에 대한 나의 주관적인 견해에 의해 포기됩니다.
요즘까지는 모바일 페이지의 터치 스크린 슬라이딩 이벤트를 연구해야합니다. jQuery의 해당 기술 지원을 검색하는 것은 정말 번거롭습니다 (물론 jQuery에 대한 이해가 충분하지 않을 수 있음). JS는 간단하게 정의하는 데 몇 단계 만 있으면됩니다.
JS에 대해 거의 알지 못하기 때문에 오랫동안 가장 간단한 응용 프로그램을 시도했습니다. JS의 터치 이벤트에 대한 실제 참조를 공유합시다.
$ (function () {document.adeventListener ( "touchMove", _Touch, false);}) 함수 _touch (event) {alert (1);}위의 코드는 필연적으로 jQuery에서 특정 사항을 사용하며 jQuery를 사용하지 않는 사람들은 무시할 수 있습니다.
해당 이벤트는 다음과 같습니다.
터치 스타트 : 손가락이 화면에 닿을 때 트리거되었습니다. 한 손가락이 이미 화면에 놓여 있어도 트리거됩니다.
TouchMove : 손가락이 화면에 미끄러질 때 지속적으로 트리거합니다. 이 이벤트 중에 Calling extendefault ()가 스크롤을 방지합니다.
터치 엔드 : 화면에서 손가락이 제거 될 때 트리거되었습니다.
TouchCancel : 시스템이 터치 추적을 중지 할 때 트리거되었습니다. 이 이벤트의 정확한 트리거 이벤트는 문서에 명시 적으로 언급되어 있지 않습니다.
위의 이벤트의 이벤트 객체에 다음 속성이 있습니다.
터치 : 현재 추적 된 터치 작업을 나타내는 터치 객체 배열.
TargetTouches : 이벤트 대상에 특정한 터치 객체 배열.
Changetouches : 마지막 터치 이후 변경된 것을 나타내는 터치 객체의 배열.
각 터치 객체에는 다음 속성이 포함됩니다.
ClientX : 뷰포트에서 대상의 X 좌표를 터치하십시오.
클라이언트 : 뷰포트에서 대상의 Y 좌표를 터치합니다.
식별자 : 터치의 고유 ID를 나타냅니다.
Pagex : 페이지에서 대상의 x 좌표를 터치합니다.
Pagey : 페이지에서 대상의 y 좌표를 터치합니다.
screenx : 화면에서 대상의 x 좌표를 터치합니다.
Screeny : 화면에서 대상의 y 좌표를 터치합니다.
대상 : 터치 된 DOM 노드 좌표
글쎄, 나는 방금 배우기 시작했기 때문에 먼저 Baidu의 일부 속성을 적어 낼 것입니다.