>웹 프론트엔드 >JS 튜토리얼 >JavaScript 이벤트 학습 부록 addEventSimple_javascript 기술

JavaScript 이벤트 학습 부록 addEventSimple_javascript 기술

WBOY
WBOY원래의
2016-05-16 18:34:52885검색
코드 복사 코드는 다음과 같습니다.

function addEventSimple(obj,evt,fn) {
if ( obj.addEventListener)
obj.addEventListener(evt,fn,false)
else if (obj.attachEvent)
obj.attachEvent('on' evt,fn);

RemovefunctionSimple(obj,evt,fn) {
if (obj.removeEventListener)
obj.removeEventListener(evt,fn,false)
else if (obj.detachEvent)
obj .detachEvent('on' evt,fn)
}

사용법은 다음과 같습니다.


복사 code 코드는 다음과 같습니다.
addEventSimple(element,'click',functionname)
addEventSimple(document,'load',functionname2);

이제 요소 요소를 클릭하면 functionaname이 트리거됩니다. 동일한 문서에도 onload 이벤트 핸들러 functionname2가 있습니다.

결함: IE의 this 키워드는 여러분이 상상하는 것처럼 이벤트를 유발하는 요소를 가리키는 것이 아니라 전체 문서를 가리킵니다.

원본주소 : http://www.quirksmode.org/js/eventSimple.html

새해에 고향에 다녀와서 시간에 맞춰 올리지 못하겠습니다. . 내년에도 계속하겠습니다. 모두들 새해 복 많이 받으세요!

재인쇄를 위해 다음 정보를 보관해 주세요
저자: Beiyu(tw:@rehawk)
글 출처: beiyu.cnblogs.com
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.