- 网站精华
Event对象跨浏览器兼容事件
简介 Event对象跨浏览器兼容事件，兼容ie8
<pre class="ql-syntax" spellcheck="false"> var EventUtil = {
addHandler:<span class="hljs-keyword">function</span>(ele,<span class="hljs-keyword">type</span>,handler){
<span class="hljs-keyword">if</span>(ele.addEventListener){
ele.add<span class="hljs-constructor">EventListener(<span class="hljs-params">type</span>,<span class="hljs-params">handler</span>,<span class="hljs-params">false</span>)</span>;
}<span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span>(ele.attachEvent){
ele.attach<span class="hljs-constructor">Event('<span class="hljs-params">on</span>' + <span class="hljs-params">type</span>,<span class="hljs-params">handler</span>)</span>;
}
},
removeHandler: <span class="hljs-keyword">function</span>(ele,<span class="hljs-keyword">type</span>,handler){
<span class="hljs-keyword">if</span>(ele.removeEventListener){
ele.remove<span class="hljs-constructor">EventListener(<span class="hljs-params">type</span>,<span class="hljs-params">handler</span>,<span class="hljs-params">false</span>)</span>;
}<span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span>(ele.detachEvent){
ele.detach<span class="hljs-constructor">Event('<span class="hljs-params">on</span>' + <span class="hljs-params">typel</span>,<span class="hljs-params">handler</span>)</span>;
}<span class="hljs-keyword">else</span>{
ele.detach<span class="hljs-constructor">Evnet('<span class="hljs-params">on</span>'+<span class="hljs-params">type</span>)</span> = null;
}
},
getTarget:<span class="hljs-keyword">function</span>(event){
return event.target<span class="hljs-operator"> || </span>event.srcElement;
},
preventDefault:<span class="hljs-keyword">function</span>(event){
<span class="hljs-keyword">if</span>(event.preventDefault){
event.prevent<span class="hljs-constructor">Default()</span>;
}<span class="hljs-keyword">else</span>{
event.returnValue = <span class="hljs-literal">false</span>;
}
},
stopPropagation:<span class="hljs-keyword">function</span>(event){
<span class="hljs-keyword">if</span>(event.stopPropagation){
event.stop<span class="hljs-constructor">Propagation()</span>;
}<span class="hljs-keyword">else</span>{
event.cancelBubble = <span class="hljs-literal">true</span>;
}
}
}<br />------------------------------------------------END---------------------------------------------</pre>&
分享到：
转载：
喜欢 3
收藏
上一篇：
css的通用样式
暂无评论信息