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的通用样式
暂无评论信息
- 文章推荐
-
娱美德旗下MMORPG手游《传奇4》将推出新PVP玩法"比奇掠夺"&
《传奇4》推出新门派PVP玩法!韩国首尔2022年6月29日 /美通社/ -- 《传奇4》(MIR4)的新PVP玩法比奇掠夺(Bicheon Heist)于2022年6月28日推出。
-
淘宝 NPM 镜像站喊你切换新域名啦
淘宝 NPM 镜像站(npm.taobao.org)自 2014 年 正式对外服务,一开始只是想简单地做 NPM 的中国镜像站点,回馈国内前端社区,不知不觉竟然一直运行到现在。当年参考 Ruby Gems 淘宝镜像 的方式,跟阿里开源组织申请了 taobao.org 的二级域名,镜像站点名称也自然而然地取名为 淘宝 NPM 镜像站 (下称 CNPM)。
-
docker搭建jenkins环境执行宿主机的docker无权限的解决方法
初次搭建jenkins持续集成工具的时候,在运行项目阶段出现 permission denied的情况
-
jQuery 3.0正式发布
jQuery 基金会刚刚发布了该 Java 框架的 3.0 版本,并且首次抛弃了对老旧的 IE 浏览器的支持。jQuery 3.0 的工作始于 2014 年 10 月,其最初目标是在 2.0 版本之上进行完善,并和遥远的 1.0 版代码说再见——因为要兼容 IE 的缘故,其已经臃肿不堪。jQuery 2.0 已经与 1.0 版本完全不兼容,而 3.0 也将继续这一路线。
- 点击排行
- 站长推荐
- 猜你喜欢
- 网站信息
- 站内问答:12篇
- 站内文章:210篇
- 建站时间:已运行1038天
- 备案号: 浙ICP备2022018799号
- 语言:
English(USA)
French(FR)
Chinese(ZH)
无数据