JavaScript DOM 추가 events_javascript 팁

DOM을 지원하는 브라우저의 경우 이벤트를 추가하는 것은 addEventListener() 메서드를 사용하여 객체에 이벤트를 추가하는 것입니다!
MSIE의 경우 개체에 이벤트를 추가하는 데 attachmentEvent()가 사용됩니다! 따라서 컨테이너를 사용하여 서로 다른 두 브라우저에서 이벤트 처리 방법을 로드해야 합니다! 이런 방식으로 addEvent() 메서드를 직접 호출하여 객체에 이벤트를 추가할 수 있습니다!
이게 더 편리하지 않나요? ! 하하...
한 번 살펴볼까요!
/**
* 요소에 청취 이벤트를 등록
* @param {Object} 노드 이벤트를 추가할 객체
* @param {Object} type 이벤트 유형
* @param {Object} 리스너 이벤트 방법
*/
function addEvent( node, type, listening ) {
//원활한 성능 저하를 보장하기 위해 이전 방법을 사용하여 호환성을 확인합니다
if(!(node ​​​​= $ (노드))) return false;

if(node.attachEvent) { // IE용 메서드입니다.
node['e' 유형 리스너] =
node[ 유형 리스너 ] = function(){node['e' 유형 리스너]( window.event );}
node.attachEvent( 'on' 유형, 노드[유형 리스너] )
return true; >} else if (node.addEventListener) {
// DOM을 지원하는 브라우저를 위한 메서드입니다.
node.addEventListener( type, Listener, false )
return true; > // 두 방법 모두 사용할 수 없으면 false를 반환합니다.
window['liujingning']['addEvent'] = addEvent

>예를 들어 페이지의 onload()에 이벤트를 추가하려면 다음과 같이 작성하면 됩니다.
liujingning.addEvent(window,'load',function(Event) { //원하는 코드를 작성합니다. 여기에 쓰세요}
특정 ID에 이벤트를 추가할 수도 있습니다
var getId = document.getElementById('aa')
liujingning.addEvent(getId,'load',function(Event) { / /여기에 쓸 코드를 작성하세요}