흔한 이벤트 대상
box.onclick=function(ev){
var ev=ev||window.event
}
이벤트 위임
1. 사건 의뢰가 무엇인지: 통속적으로 말하면 사건은 onclick, onmouseover, onmouseout이다. 등이 바로 사건이다. 의뢰는 다른 사람이 하는 것이다. 이 사건은 원래 어떤 요소에 추가된 것이지만 당신은 다른 사람에게 추가되어 이 사건 원리를 완성한다. 거품이 생기는 원리를 이용하여 사건을 부급에 추가하여 집행 효과를 촉발한다.장점: 성능 향상 target 이벤트 속성 이벤트의 대상 노드(이 이벤트를 트리거하는 노드)//Firefox/Chrome/Opera/Safari srcElement 이벤트 속성 이벤트를 트리거하는 대상 노드(이 트리거하는 노드)//ie 호환 처리
oUl.onmouseover = function(ev){
var ev = ev || window.event;
var target = ev.target || ev.srcElement;
if(target.nodeName.toLowerCase() == "li"){
target.style.background = "red";
}
}
사건이 터지다
거품이 생기면 내부 원소의 사건이 먼저 촉발된 다음에 외부 원소를 촉발한다.
방법:
stopPropagation() ; //Firefox/Chrome/Opera/Safari
cancelBubble = true ; //ie
거품 호환 방지 처리:
function stopPropagation(e) {
e = e || window.event;
if(e.stopPropagation) { //Firefox/Chrome/Opera/Safari
e.stopPropagation();
} else {
e.cancelBubble = true; //ie
}
}
브라우저 기본 비헤이비어 차단
방법:
preventDefault() //Firefox/Chrome/Opera/Safari
returnValue = false //ie
호환성 처리:
function stopPropagation(e) { e = e || window.event; if(e.preventDefault) {//Firefox/Chrome/Opera/Safari e.preventDefault(); } else { e.returnValue = false;//ie } }
마우스, 키보드 속성
altKey 이벤트 속성이 부울 값을 반환합니다.지정한 이벤트가 발생할 때 Alt 키가 눌려 있고 유지되는지 표시합니다.shiftKey 이벤트 속성이 부울 값을 반환합니다.지정한 이벤트가 발생할 때 Shift 키가 눌리고 유지되는지 표시하기;ctrlKey 이벤트 속성이 부울 값을 반환합니다.지정한 이벤트가 발생할 때 Ctrl 키가 눌려서 유지되는지 표시합니다.clientX는 이벤트가 터치되었을 때 마우스 포인터의 수평 좌표를 되돌려줍니다.clientY는 이벤트가 터치되었을 때 마우스 포인터의 수직 좌표를 되돌려줍니다.screenX는 이벤트가 터치되었을 때 화면의 수평 좌표를 기준으로 마우스 포인터를 되돌려줍니다.screenY는 이벤트가 터치되었을 때 화면의 수직 좌표를 기준으로 마우스 포인터를 되돌려줍니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.