Event对象跨浏览器兼容事件
分类专栏: Javascript&
标签: null
简介 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的通用样式
暂无评论信息
- 相关文章
- 文章推荐
-
半导体短缺即将结束?分析师:如果没有 1 美元芯片会影响更多
德勤咨询(Deloitte Consulting)的芯片分析师认为,随着芯片行业资本支出的增加,需求度较高的工厂已经开工,预示着短缺情况即将结束。
-
群辉nas docker容器 配置svn仓库,并实现外网访问
2022-08-11的这一天, 群辉nas到手了, 实现svn仓库外网的访问,折腾了好久。记录一下。
-
淘宝 NPM 镜像站喊你切换新域名啦
淘宝 NPM 镜像站(npm.taobao.org)自 2014 年 正式对外服务,一开始只是想简单地做 NPM 的中国镜像站点,回馈国内前端社区,不知不觉竟然一直运行到现在。当年参考 Ruby Gems 淘宝镜像 的方式,跟阿里开源组织申请了 taobao.org 的二级域名,镜像站点名称也自然而然地取名为 淘宝 NPM 镜像站 (下称 CNPM)。
-
docker搭建jenkins环境执行宿主机的docker无权限的解决方法
初次搭建jenkins持续集成工具的时候,在运行项目阶段出现 permission denied的情况
- 点击排行
- 站长推荐
- 猜你喜欢
- 网站信息
- 站内问答:12篇
- 站内文章:213篇
- 建站时间:已运行1217天
- 备案号: 浙ICP备2022018799号
- 语言:
- English(USA)
- French(FR)
- Chinese(ZH)
无数据