>  기사  >  웹 프론트엔드  >  JavaScript 연구 노트 (6) onDbClick이 onClick 이벤트를 트리거하지 못하도록 트리거 지연

JavaScript 연구 노트 (6) onDbClick이 onClick 이벤트를 트리거하지 못하도록 트리거 지연

黄舟
黄舟원래의
2016-12-19 17:36:241689검색

기본적으로 클릭 이벤트는 더블 클릭 이벤트가 발생할 때 발생하지만 때로는 이것이 우리가 원하는 것이 아닐 때도 있습니다. 그렇다면 더블 클릭 시 클릭 이벤트가 발생하는 것을 어떻게 차단할 수 있을까요? 인터넷에 유통되는 실행을 지연시키는 방법이 있습니다.
1. clickTimer
와 같은 전역 타이머 변수를 선언합니다. 2. 에이전트 클릭 이벤트에 타이머를 설정합니다. 클릭 이벤트 처리 기능은 기본적으로 220ms 후에 실행됩니다.
3. 더블 클릭 이벤트에서 타이머 변수를 판단합니다. 변수가 NULL이 아니면 더블 클릭 이벤트 이전에 클릭 이벤트가 실행되었음을 의미합니다. 실제 클릭 이벤트가 발생하므로 타이머를 취소하세요. 220ms가 지나야 처리 기능이 실행되므로 이때 타이머가 종료되면 실제 클릭 이벤트 처리 기능이 실행되지 않습니다. 5timerClick=window.setTimeout("onNodeClick('"+id+"')",220)

6 }

7//더블클릭 이벤트 처리 기능
8function _onNodeDbClick(id ){
9 if(timerClick){
10 window.clearTimeout(timerClick)
11 } 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.