javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick

테스트 코드 를 보 여 줍 니 다:document.onkeydown=function(){document.getElement ById("test").innerHTML+="keydown
";}document.onkeyup = function(){ document.getElementById("test").innerHTML += "keyup
"; } document.onkeypress = function(){ document.getElementById("test").innerHTML += "keypress
"; }
테스트 결 과 는:keydown keypress keyup 입 니 다.이벤트 발생 순 서 는 keydown-->keypress->keypress->keyup 입 니 다.한 키 를 한 동안 누 르 고 놓 았 을 때 결 과 는:keydown keypress keypress keypress keydown keypress...keyup n 개 keydown 과 n 개 keypress,1 개 keyup 입 니 다.시스템 설정 의 시간 간격 입 니 다.click 과 dblclick 의 전 시간 그룹 에 있 는 한 친구 가 click 과 dblclick 에 관 한 문 제 를 물 었 습 니 다.여기 서 정리 해 보 겠 습 니 다.그의 요 구 는 click 과 dblclick 는 서로 다른 이벤트 처리 프로그램 이 있 지만 dblclick 이 촉발 되면 click 을 처리 하지 않 습 니 다.어떻게 해결 합 니까?이벤트 의 발생 상황 을 살 펴 보 겠 습 니 다.테스트 코드 는 다음 과 같 습 니 다.document.onclick=function(){document.getElement ById("test").innerHTML+="click
";}document.ondblclick = function(){ document.getElementById("test").innerHTML += "dblclick
"; }
를 두 번 눌 렀 을 때 결 과 는 다음 과 같 습 니 다.click dblclick 이 클릭 속 도 를 늦 추 었 을 때 결 과 는 다음 과 같 습 니 다.click click 이 보 입 니 다.dblclick 이 보 입 니 다.dblclick 이 있 을 때 먼저 click 이벤트 가 발생 합 니 다.그리고 시스템 에서 설정 한 두 번 째 click 지연 시간 범위 내 에서 두 번 째 click 이벤트 가 있 으 면 dblclick 이벤트 로 여 겨 집 니 다.이 친구 가 제기 한 문 제다음 코드 를 드 립 니 다:function clickTest(){document.getElement ById("test").innerHTML+="click
";}function dblclickTest(){ document.getElementById("test").innerHTML += "dblclick
"; } document.onclick = function(){ this.timeout = window.setTimeout(clickTest,300); } document.ondblclick = function(){ if(this.timeout)window.clearTimeout(this.timeout); dblclickTest(); }
더 블 클릭 테스트 결 과 는 다음 과 같 습 니 다:dblclick dblclick dblclick dblclick

좋은 웹페이지 즐겨찾기