JavaScript에서 크로스 브라우저 이벤트 작업의 기본 방법을 구성합니다

바인딩 이벤트

 eu.addhandler = function (요소, 유형, 핸들러) {// dom2 레벨 이벤트 처리, IE9는 if (element.addeventListener) {element.addeventListener (유형, 핸들러, 거짓); } else if (element.attachevent) {// type plus 'on'// ie9도 ement.attachevent ( 'on' + type, handler)를 바인딩 할 수 있습니다. } // dom0 레벨 이벤트 처리 단계, 이벤트 스트림도 기형 {element [ 'on' + type] = handler; }};

이벤트 해제

기본적으로 바인딩 이벤트 처리와 동일하며주의 사항이 있습니다.

통과 된 핸들러는 이벤트가 묶을 때 통과 한 것과 동일해야합니다 (동일한 기능을 가리키는 것).

 eu.removehandler = function (요소, 유형, 핸들러) {if (element.removeeventListener) {element.removeEventListener (유형, 핸들러); } else if (element.attachevent) {element.detachevent ( 'on' + type, handler); } else {// 속성 요소를 비울 수 있습니다 [ 'on' + type] = null; }};

브라우저에서 이벤트를 추가하십시오

 function addevent (obj, type, fn) {if (obj.addeventListener) {obj.adeventListener (type, fn, false); } else if (obj.attachevent) {// orbj.attchevent ( 'on'+type, fn); }}

크로스 브라우저 제거 이벤트

 함수 removeEvent (obj, type, fn) {if (obj.removeeventListener) {obj.removeEventListener (type, fn, false); } else if (obj.detachevent) {// ee obj.detachevent ( 'on'+type, fn)와 호환됩니다. }}

브라우저의 기본 동작을 차단합니다

 function predef (ev) {var e = ev || Window.event; if (e.preventDefault) {e.preventDefault (); } else {e.returnValue = false; }}

브라우저에서 대상 객체를 가져옵니다

 함수 getTarget (ev) {if (ev.target) {// w3c return ev.target; } else if (window.event.srcelement) {// return swooin }}

브라우저에서 스크롤바 위치를 얻으십시오

 // 브라우저에서 스크롤 바 위치를 가져옵니다. document.body.scrolltop, 왼쪽 : document.documentElement.scrollleft || document.body.scrollleft; }}

브라우저에서 눈에 보이는 창 크기를 가져옵니다

 function getWindow () {if (typeof window.innerWidth! = 'undefined') {return {ridth : window.innerwidth, height : wind