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的通用样式
暂无评论信息
- 相关文章
- 文章推荐
-
淘宝 NPM 镜像站喊你切换新域名啦
淘宝 NPM 镜像站(npm.taobao.org)自 2014 年 正式对外服务,一开始只是想简单地做 NPM 的中国镜像站点,回馈国内前端社区,不知不觉竟然一直运行到现在。当年参考 Ruby Gems 淘宝镜像 的方式,跟阿里开源组织申请了 taobao.org 的二级域名,镜像站点名称也自然而然地取名为 淘宝 NPM 镜像站 (下称 CNPM)。
-
git:如何管理本机的多个ssh密钥(多个远程仓库账号)
如果我们电脑上已经存在了一个ssh key,那么我们需要在我们电脑上生成第二个你想在本电脑上使用的id_rsa,使用命令:ssh-keygen -t rsa -C "你的github账号"。
-
docker搭建jenkins环境执行宿主机的docker无权限的解决方法
初次搭建jenkins持续集成工具的时候,在运行项目阶段出现 permission denied的情况
-
HTML 面试知识点总结
本部分主要是笔者在复习 HTML 相关知识和一些相关面试题时所做的笔记,如果出现错误,希望大家指出!
- 点击排行
- 站长推荐
- 猜你喜欢
- 网站信息
- 站内问答:12篇
- 站内文章:207篇
- 建站时间:已运行917天
- 备案号: 浙ICP备2022018799号
- 语言:
English(USA)
French(FR)
Chinese(ZH)
无数据