코드 트리거, 수동 트리거 터치 start 이벤트, 터치 이벤트, 클릭 이벤트, 사용자 정의 이벤트

작업 중에 어떤 이벤트를 수동으로 터치하거나 사용자 정의 이벤트를 터치하는 데 코드가 필요할 때가 있습니다. 보통 클릭 이벤트를 터치하는 방법은eleme입니다.클릭(), 터치start를 만나면 통하지 않습니다.


다음과 같은 방법을 사용할 수 있다

//     .
var event = document.createEvent('Events');
//          ,    ,     
event.initEvent('touchstart', true, false);
//       .
elem.addEventListener('touchstart', function (e) {
  // e.target           
}, false);
//       
elem.dispatchEvent(event);

init Event는 웹 표준에서 삭제되었습니다. 일부 브라우저는 현재 지원하지만, 이 방법을 사용하지 마십시오. Event 구조 함수를 사용할 수 있습니다.

var event = new Event('touchstart');
//  
elem.addEventListener('touchstart', function (e) { ... }, false);
//   event.
elem.dispatchEvent(event);

Event 구조 함수에서도 사용자 정의 이벤트 사용 가능
var event = new Event('CustomEvent');
//  
elem.addEventListener('CustomEvent', function (e) { ... }, false);
//   event
elem.dispatchEvent(event);

좋은 웹페이지 즐겨찾기