DOM 이벤트 모델
onclick 및addEventListener ('click', function () {})
xxx.onclick = function () {} 요소에 onclick 이벤트만 연결할 수 있습니다
xxx.ddEventListener('click','function() {})는 여러 개의 click 이벤트를 추가할 수 있습니다. 추가할 때마다 대기열에 들어가서 순서대로 실행합니다. xxx를 사용할 수 있습니다.removeEventListener ('click', function () {}) 는 클릭 대기열을 취소합니다. 이벤트마다 다른 대기열이 있습니다.
이벤트 감청을 설정할 수 있습니다.
function f1() {
console,log(1)
xxx.removeEventListener('click', f1)
}
xxx.addEventListener('click', f1)
우리가 원소를 한 번 클릭하면 이 감청 사건은 취소된다
이 두 가지는 다른 사건에도 똑같이 적용된다
이벤트 캡처 및 이벤트 거품
원소를 클릭하여 이벤트를 촉발할 때.이벤트는 먼저 원소의 최외층 부원소에서 촉발된 원소로 한 층 한 층 들어간 다음에 촉발 원소에서 한 층 한 층에서 최외층 부원소로 돌아가고 최외층 한 층 들어간 단계를 사건 포획 단계라고 하고 가장 안쪽에서 한 층 밖으로 나가는 단계를 거품이라고 한다.
여기 아날로그 이벤트 클릭 전 과정의 애니메이션이 있어요.
우리는 여기서 사건의 거품을 이용하여 점개부동층, 폐쇄부동층의 예를 써서 모두가 사건 모델을 더욱 잘 이해하고 요구하도록 한다
생각
요점
demo
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.