event、event.target、event.preventDefault兼容IE8

绝地灬酷狼 2022-03-19 14:23 399阅读 0赞

### event对象 ###

在[chrome][]、[firefox][]等浏览器中，event对象可从事件函数的参数中传入。ie8中须从window对象中获取。

$("#btn").click(function(e) { 
        var event = e | window.event; 
    })

### target ###

e.target用于获取当前元素，和this差不多。但是在ie8中，不支持e.target。可以用以下方法来解决。

$("#btn").click(function(e) { 
        var event = e | window.event; 
        var target= event .target || event .srcElement; //获取document 对象的引用 
    })

### preventDefault ###

*  e.preventDefault的作用是阻止默认行为，常用于a标记等有默认行为的元素。比如a标签点击时默认跳转链接，就可以用e.preventDefault进行阻止。
 *  a标签的默认跳转行为还可以用下面这种方式来阻止 
 *      <a href="javascript:void(0)">跳转到首页</a>
    
    项目中还遇到了一个想了好久才想明白的兼容性问题，button按钮   
    给button按钮添加点击事件后，点击后弹出弹框，但是按回车后还可以继续弹出弹框。这是因为，当焦点在input或button等表单元素上时，浏览器默认按下回车时触发按钮的点击事件，这时就可以用通用的方法来阻止默认行为了  
     
    
        $("button").click(function(e) { 
            var event = e | window.event; 
            if(e.preventDefault) { 
                event.preventDefault(); 
            }else{ 
                event.returnValue = false; 
            } 
        });

[chrome]: https://www.baidu.com/s?wd=chrome&tn=24004469_oem_dg&rsv_dl=gh_pl_sl_csd
[firefox]: https://www.baidu.com/s?wd=firefox&tn=24004469_oem_dg&rsv_dl=gh_pl_sl_csd

发表评论取消回复

表情：

评论列表（有 0 条评论，399人围观）

还没有评论，来说两句吧...

相关阅读

相关 ie8兼容nth-child

ie8兼容nth-child IE8 不支持很多新特效，网站首页图文列表出现错位问题，原因是 IE8 不支持 CSS3 :nth-child() 选择器引起最

比眉伴天荒/ 2023年07月19日 08:21/ 0 赞/ 13 阅读

相关 ie8中rem 与ie兼容性

ie8中rem 与ie兼容性 web开发中经常会在css中用到rem单位，但是在ie8及ie8以下不支持rem单位。解决方法：可以使用rem.j

比眉伴天荒/ 2023年07月18日 06:22/ 0 赞/ 22 阅读

相关针对IE浏览器的兼容性ie7、ie8、ie9

相对于来说浏览器的兼容性对于小伙伴来说是很头疼的吧！今天我在修改代码的时候，对于var cvts = document.getElementsByClassName("ap

- 日理万妓/ 2022年09月16日 13:27/ 0 赞/ 383 阅读

相关 IE6、IE7、IE8的CSS、JS兼容

Internet Explorer 6中查看使用 Microsoft JScript 的网页，可能会遇到web浏览器速度较慢的性能问题。原因是如果js脚本同时创建大量变量，js

ゝ一世哀愁。/ 2022年08月09日 15:55/ 0 赞/ 354 阅读

相关兼容IE8的旋转角度

css代码如下： div{ position:absolute; filter: progid:DXImageTransform.Microsoft.

小灰灰/ 2022年07月12日 06:22/ 0 赞/ 236 阅读

相关 IE8兼容IE7的方法

在Head中加入 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 还有一种方法是针对整个网

﹏ヽ暗。殇╰゛Y/ 2022年07月10日 04:06/ 0 赞/ 279 阅读

相关 IE8兼容fontAwesome

bootstrap中我们使用到了fontAwesome来显示图标，但是在IE8下回出现无法显示的问题，如下图： 1）图标未显示 ![Center][] 2）图标应该

阳光穿透心脏的1/2处/ 2022年06月16日 14:12/ 0 赞/ 319 阅读

相关 IE8 兼容rgba

关于rgba的内容不介绍了，直接贴代码。 background-color: rgba(0,0,0,0.4); filter:progid:

矫情吗；*/ 2022年06月11日 01:18/ 0 赞/ 279 阅读

相关圆角兼容ie8

ie8下不支持圆角属性，这里需要引入iecss3.htc文件演示地址：[http://www.bright2017.top/test1/test1-17/][ht

偏执的太偏执、/ 2022年05月22日 08:37/ 0 赞/ 239 阅读

相关 Swiper2兼容IE8

习惯性了使用最新的Swiper4，但是最近项目需要兼容IE8就让我很不爽了。还好Swiper2也是很棒的。官网演示地址：[http://2.swiper.com.cn/de

小咪咪/ 2022年05月21日 23:12/ 0 赞/ 293 阅读