간단한 것을 요약합시다
참고 : 다음 방법은 Eventutil 객체에 래핑되며 객체 문자 문자 정의 방법이 직접 사용됩니다. . .
ADD 이벤트 방법
AddHandler : 함수 (요소, 유형, 핸들러) {if (emeter.addeventListener) {// dom2-level 메소드 요소 여부에 관계없이 detection (type, handler, false); } else if (element.attachevent) {// IE 레벨 메소드 요소인지 여부에 관계없이 ( "on" + 유형, 핸들러); } else {// DOM0- 레벨 메소드 요소인지 여부 [ "on" + type] = handler; }}이전에 추가 된 이벤트 방법을 제거하십시오
removeHandler : function (element, type, handler) {if (element.removeEventListener) {element.removeEventListener (type, handler, false); } else if (element.detachevent) {element.detachevent ( "on" + type, handler); } else {element [ "on" + type] = null; }}③ 이벤트 및 이벤트 객체 대상을 얻습니다
// getEvent : function (event) {return event? 이벤트 : Window.event; }, // getTarget에 작성된 이벤트 객체 대상의 호환성을 가져옵니다 : function (event) {return event.target || event.srcelement; }브라우저의 기본 이벤트를 차단하기 위해 write writing
PREVERDEFAULT : function (event) {if (event.preventDefault) {event.preventDefault (); } else {event.returnValue = false; }}⑤ 사건이 거품을 막는 것을 방지하기위한 작문
stoppropagation : function (event) {if (event.stopPropagation) {event.stopPropagation (); } else {event.cancelBubble = true; }}짐 마우스 오버 및 마우스 아웃 이벤트에만 포함 된 관련 요소를 얻는 방법
// 마우스 오버 및 마우스 아웃 이벤트에 포함 된 관련 요소를 가져 오는 메소드 getRelatedTarget : function (event) {if (event.RelatedTarget) {return event.RelatedTarget; } else if (event.toElement) {return event.toElement; } else if (event.fromElement) {return event.fromElement; } else {return null; }}mouse 마우스 휠 판단
Mousedown 및 Mouseup 이벤트의 경우 버튼 속성이 이벤트 객체에 존재합니다.
누르거나 릴리스 된 버튼을 나타냅니다. DOM의 버튼 속성은 다음 3 값을 가질 수 있습니다. 0은 기본 마우스 버튼을 나타내고 1은 중간의 마우스를 나타냅니다.
2 마우스 버튼을 나타냅니다. 기존 설정에서 메인 마우스 버튼은 왼쪽 마우스 버튼과 두 번째 마우스입니다.
버튼은 마우스 오른쪽 버튼입니다.
IE8과 이전 버전은 버튼 속성을 제공했지만이 속성의 값은 DOM의 버튼 속성과 매우 다릅니다.
0 : 버튼을 누르지 않았 음을 의미합니다.
1 : 기본 마우스 버튼이 누락되었음을 나타냅니다.
2 : 마우스 버튼이 두 번 눌려 있음을 나타냅니다.
3 : 1 차 및 보조 마우스 버튼이 동시에 누르 셨음을 나타냅니다.
4 : 중간 마우스 버튼을 누르 셨음을 나타냅니다.
5 : 기본 마우스 버튼과 중간 마우스 버튼이 동시에 누르 셨음을 나타냅니다.
6 : 중간에있는 마우스 버튼과 마우스 버튼이 동시에 눌려 졌음을 의미합니다.
7 : 3 개의 마우스 버튼이 동시에 눌려 졌음을 나타냅니다.
getButton : function (event) {if (document.implementation.hasfeature ( "mouseevents", "2.0")) {return event.button; } else {switch (event.button) {사례 0 : 사례 1 : 사례 3 : 사례 5 : 사례 7 : 반환 0; 사례 2 : 사례 6 : 반환 2; 사례 4 : 반환 1; }}}mouse 마우스 휠의 증분 값을 얻는 방법 (델타)
getwheeldelta : function (event) {if (event.wheeldelta) {return (client.engine.opera && client.engine.opera <9.5? -event.wheeldelta : event.wheeldelta); } else {return -event.Detail * 40; // Firefox의 값은 +3이며, 아래로 스크롤하여 아래로 스크롤하여 아래로 스크롤}}}크로스 브라우저 방식으로 캐릭터 인코딩의 접근
getCharCode : function (event) {if (typeof event.charcode == "number") {return event.charcode; } else {return event.keyCode; }}clip 보드의 데이터에 액세스하십시오
getClipboardText : function (event) {var clipboarddata = (event.clipboardData || window.clipboardData); ClipboardData.getData ( "Text"); }11. 클립 보드에 데이터를 설정하십시오
setClipboardText : function (event, value) {if (event.clipboardData) {return event.clipboardData.setData ( "text/plain", value); } else if (window.clipboardData) {return swooin }}캡슐화 한 다음 직접 사용할 수 있습니다.
CSS의 전체 파일 및 기본 재설정 스타일 이하는 https://github.com/luckywinty/resetfile을 참조하십시오.
위의 내용은이 기사에 관한 모든 것입니다. 모든 사람의 학습에 도움이되기를 바랍니다.