1. event.preventDefault () - 요소를 방지하기위한 기본 이벤트.
참고 : A 요소 점프의 기본 이벤트,
기본 이벤트의 버튼, 라디오 및 기타 형식 요소,
DIV 요소에는 기본 이벤트가 없습니다
예:
다음과 같이 코드 코드를 복사하십시오.
<a href = "http://www.baidu.com"target = "_ black"> baidu </a>
다음과 같이 코드 코드를 복사하십시오.
var samp = document.getElementByTagName ( "a");
samp.addeventListener ( "click", function (e) {e.preventDefault ()}, false);
설명 : 링크를 클릭하면 정상적인 상황에서 점프가 발생하지만 이제는 기본 이벤트, 즉 점프 사건을 방지 한 다음 Baidu로 점프하지 않습니다.
2. event.stopPropagation ();
참고 : 중첩 된 요소는 일반적으로 버블 링 사고가 발생하여 약간의 효과를 가져올 것입니다.
예:
다음과 같이 코드 코드를 복사하십시오.
<div id = "c1"onclick = "alert (1)">
<div id = "c2"online = "alert (2)">
<입력 유형 = "버튼"id = "c3"value = "클릭"onclick = "alert (3)">
</div>
</div>
여기서 버튼을 클릭하면 브라우저가 원래 팝업됩니다 간단한 테스트, 버튼과 그의 아버지 레벨이 프로젝트 개발에서 중요한 사건에 동시에 구속된다면 결과가 끔찍할 것이라고 상상해보십시오. 현재 처리 방법은 버블 링을 방지하는 것입니다.
버블 링 사건을 방지하면서 클릭 사건을 입력에 등록하십시오.
다음과 같이 코드 코드를 복사하십시오.
leduct.getElementListener ( 'C3').
좋아요! 교차로 교차로 BE
추신 : JS 사건에 대한 온라인 쿼리 도구를 권장합니다.
JavaScript 이벤트 및 기능 설명 DAQUAN :
http://tools.vevb.com/table/javaScript_event