javascript 크로스 브라우저 이벤트 system_javascript 기술

dom.handleEvent = function(event) {
이벤트 = 이벤트 || window.event
event = dom.fixEvent(event);
event.currentTarget = this;//Fix currentTarget
var returnValue =
var handlers = this.events [event.type];
for(var i=0,n=handlers.length;iif (handlers[i](event) === false) {
returnValue = false;
}
}
return returnValue;
}

dom.oneObject = function(arr,val){
var result = {},value = val !== 정의되지 않음 ? 값:1;
for(var i=0,n=arr.length;i결과[arr[i]] = value;
반환 결과;
};
dom.mixin = function(result, source) {
if (arguments.length === 1) {
source = result;
결과 = 돔;
}
if (결과 && 소스 ){
for(소스의 var 키)
source.hasOwnProperty(key) && (결과[키] = 소스[키]);
}
if(arguments.length > 2 ){
var other = [].slice.call(arguments,2);
for(var i=0,n=others.length;iresult =args.callee(result,others[i]);
}
}
결과 반환;
}
var MouseEventOne = dom.oneObject(["click","dblclick","mousedown",
"mousemove","mouseout", "mouseover","mouseup"],"[object 마우스이벤트]");
var HTMLEventOne = dom.oneObject(["abort","blur","change","error","focus",
"load","reset","resize","scroll", "선택","제출","언로드"],"[개체 이벤트]");
var KeyboardEventOne = dom.oneObject(["keyup","keydown","keypress",],
"[object KeyboardEvent]");
var EventMap = dom.mixin({},MouseEventOne,HTMLEventOne,KeyboardEventOne)
var fn = "prototype";
dom.Event = function( src ) {
if ( !this.preventDefault ) {
return new dom.Event[fn].init( src );
}
};
함수 returnFalse() {
false를 반환;
}
function returnTrue() {
return true;
}
// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-bound.html
dom.Event[fn ] = {
init:function(src){
//如果传入的是事件对象
if ( src && src.type ) {
this.originalEvent = src;
this.type = src.type;
//如果传入的是事件类型
} else {
this.type = src;
}
this.timeStamp = new Date().valueOf();
이[ "expando" ] = true;
},
//http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/events.html#Conformance
toString:function(){
eventMap[this.type] 반환 || "[객체 이벤트]"
},
preventDefault: function() {
this.isDefaultPrevented = returnTrue;
var e = this.originalEvent;
if ( !e ) {
return;
}
// 如果存재preventDefault 那么就调用它
if ( e.preventDefault ) {
e.preventDefault();
}
// 如果存재returnValue 那么就将它设为false
e.returnValue = false;
},
stopPropagation: function() {
this.isPropagationStopped = returnTrue;
var e = this.originalEvent;
if ( !e ) {
return;
}
// 如果存재preventDefault 那么就调用它
if ( e.stopPropagation ) {
e.stopPropagation();
}
// 如果存재returnValue 那么就将它设为true
e.cancelBubble = true;
},
stopImmediatePropagation: function() {
this.isImmediatePropagationStopped = returnTrue;
this.stopPropagation();
},
isDefaultPrevented: returnFalse,
isPropagationStopped: returnFalse,
isImmediatePropagationStopped: returnFalse
};
dom.Event[fn].init[fn] = dom.Event[fn];

var 버튼맵 = {
1:1,
4:2,
2:3
}
dom.fixEvent = 함수(이벤트){
if ( event[ "expando" ] ) {
return event;
}
var originalEvent = event
event = dom.Event(originalEvent)
for(var prop in originalEvent){
if(typeof originalEvent[prop] !== "function"){
event[prop] = originalEvent[prop]
}
}
//대상 속성이 존재하지 않는 경우, 설정하세요
if ( !event.target ) {
event.target = event.srcElement || document
}
//이벤트 소스 객체가 텍스트 노드인 경우, 상위 요소 배치
if ( event.target.nodeType === 3 ) {
event.target = event.target.parentNode;
}
//관련 타겟 속성이 존재하지 않는 경우 하나 추가하세요
if ( !event.관련Target && event.fromElement ) {
event.관련Target = event.fromElement === event.target ? event.toElement : event.fromElement
//존재하지 않는 경우 pageX/Y는 clientX/Y와 결합되어 쌍을 만듭니다.
if ( event.pageX == null && event.clientX != null ) {
var doc = document.documentElement , body = document.body;
event.pageX = event.clientX (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
event.pageY = event.clientY (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0); 🎜>}
// 키보드 이벤트는 어떤 이벤트를 추가합니다
if ( !event.which && ((event.charCode || event.charCode === 0) ? event.charCode : event.keyCode) ) {
event.which = event.charCode || event.keyCode;
}
// Mac이 아닌 브라우저에 MetaKey 추가(PC의 경우 Ctrl 사용, Mac의 경우 Meta 사용)
if ( !event .metaKey && event.ctrlKey ) {
event.metaKey = event.ctrlKey;
}
// 마우스 이벤트에서 어떤 키가 눌렸는지 확인합니다. 1 === left 2 === middle; 3 === 오른쪽
if ( !event.which && event.button !== undefine ) {
event.which = 버튼맵[event.button]
}
return event; }


milli 모든 클래스 라이브러리 중에서 jQuery의 메소드가 추출하기에 가장 좋으므로 주저하지 말고 jQuery의 메소드를 복사하세요.
이제 우리는 기사 중간에 제기된 두 가지 질문 중 하나를 기본적으로 해결했습니다. 첫 번째 문제를 해결하려면 캐싱 시스템을 도입해야 합니다. 이는 다음 섹션에 남겨집니다.