forked from RubyLouvre/mass-Framework
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathevent_fix.js
143 lines (138 loc) · 7.21 KB
/
event_fix.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
//=========================================
// 事件补丁模块
//==========================================
define("event_fix", !!document.dispatchEvent, function(){
$.log("已加载event_fix模块")
//模拟IE678的reset,submit,change的事件代理
var rform = /^(?:textarea|input|select)$/i ,
changeType = {
"select-one": "selectedIndex",
"select-multiple": "selectedIndex",
"radio": "checked",
"checkbox": "checked"
}
function changeNotify( event,type ){
if( event.propertyName === ( changeType[ this.type ] || "value") ){
//$._data( this, "_just_changed", true );
$.event._dispatch( $._data( this, "publisher" ), type, event );
}
}
function delegate( fn ){
return function( item ){
var adapter = $.event.eventAdapter, src = item.target, type = item.type,
fix = adapter[ type ] && adapter[ type ].check && adapter[ type ].check( src, item );
return (fix || item.live ) ? fn( src, item ) : false;
}
}
var facade = $.event = {
fire: function( event ){
//这里的代码仅用于IE678
if(!event.originalEvent){
event = new $.Event(event);
}
event.target = this;
var type = event.origType || event.type;
var detail = $._parseEvent( type );
detail.args = [].slice.call(arguments,1) ;
facade.detail = detail;
if( $["@bind"] in this ){
var cur = this, ontype = "on" + type;
do{//模拟事件冒泡与执行内联事件
facade.dispatch( cur, event );
if (cur[ ontype ] && cur[ ontype ].call(cur) === false) {
event.preventDefault();
}
cur = cur.parentNode ||
cur.ownerDocument ||
cur === cur.ownerDocument && window; //在opera 中节点与window都有document属性
} while ( cur && !event.isPropagationStopped );
if ( !event.isDefaultPrevented //如果用户没有阻止普通行为，defaultPrevented
&& this[ type ] && ontype && !this.eval //并且事件源不为window，并且是原生事件
&& (type == "click"|| this.nodeName != "A")//如果是点击事件则元素不能为A因为会跳转
&& ( (type !== "focus" && type !== "blur") || this.offsetWidth !== 0 ) //focus,blur的目标元素必须可点击到，换言之，拥有“尺寸”
) {
var inline = this[ ontype ];
var disabled = this.disabled;//当我们直接调用元素的click,submit,reset,focus,blur
this.disabled = true;//会触发其默认行为与内联事件,但IE下会再次触发内联事件与多投事件
this[ ontype ] = null;
if(type == "click" && /checkbox|radio/.test(this.type)){
this.checked = !this.checked
}
this[ type ]();
this.disabled = disabled
this[ ontype ] = inline;
}
}else{//普通对象的自定义事件
facade.dispatch(this, event);
}
delete facade.detail
},
eventAdapter: {//input事件的支持情况：IE9+，chrome+, gecko2+, opera10+,safari+
input: {
bindType: "change",
delegateType: "change"
},
focus: {
delegateType: "focusin"
},
blur: {
delegateType: "focusout"
},
change: {//change事件的冒泡情况 IE6-9全灭
check: function(){//详见这里https://github.com/RubyLouvre/mass-Framework/issues/13
return true //!target.disabled && rform.test( target.tagName ) &&( item.origType !== "input" || item.nodeName != "SELECT" )
},
setup: delegate(function( ancestor, item ){
var subscriber = item.subscriber || ( item.subscriber = {}) //用于保存订阅者的UUID
item.change_beforeactive = $.bind( ancestor, "beforeactivate", function() {
//防止出现跨文档调用的情况,找错event
var doc = ancestor.ownerDocument || ancestor.document || ancestor;
var target = doc.parentWindow.event.srcElement, tid = $.getUid( target )
//如果发现孩子是表单元素并且没有注册propertychange事件，则为其注册一个，那么它们在变化时就会发过来通知顶层元素
if ( rform.test( target.tagName) && !subscriber[ tid ] ) {
subscriber[ tid ] = target;//将select, checkbox, radio, text, textarea等表单元素注册其上
var publisher = $._data( target,"publisher") || $._data( target,"publisher",{} );
publisher[ $.getUid(ancestor) ] = ancestor;//此孩子可能同时要向N个顶层元素报告变化
item.change_propertychange = $.bind( target, "propertychange", changeNotify.bind(target, event, item.origType))
}
});//如果是事件绑定
ancestor.fireEvent("onbeforeactivate")
}),
teardown: delegate(function( src, item ){
$.unbind( src, "beforeactive", item.change_beforeactive );
// $.unbind( src, "change", item.change_fire) ;
var els = item.subscriber || {};
for(var i in els){
$.unbind( els[i], "propertychange", item.change_propertychange) ;
var publisher = $._data( els[i], "publisher");
if(publisher){
delete publisher[ src.uniqueNumber ];
}
}
})
}
}
}
var adapter = facade.eventAdapter;
// adapter.input = adapter.change;
//submit事件的冒泡情况----IE6-9 :form ;FF: document; chrome: window;safari:window;opera:window
//reset事件的冒泡情况----FF与opera能冒泡到document,其他浏览器只能到form
"submit,reset".replace( $.rword, function( type ){
adapter[ type ] = {
setup: delegate(function( src ){
$.fn.on.call( src, "click._"+type+" keypress._"+type, function( e ) {
var el = e.target;
if( el.form && (adapter[ type ].keyCode[ e.which ] || adapter[ type ].kind[ el.type ] ) ){
facade._dispatch( [ src ], type, e );
}
});
}),
keyCode: $.oneObject(type == "submit" ? "13,108" : "27"),
kind: $.oneObject(type == "submit" ? "submit,image" : "reset"),
teardown: delegate(function( src ){
facade.unbind.call( src, "._"+type );
})
};
});
});
//2012.5.1 fix delegate BUG将submit与reset这两个适配器合而为一