JS事件兼容 - 列表整理

事件兼容

标准浏览器 IE浏览器(IE8至以下) 事件说明
preventDefault() returnValue() 阻止默认事件
stopPropagation() cancelBubble = true 阻止事件冒泡
target srcElement 返回事件的目标节点
addEventListener() attachEvent() 事件监听
removeEventListener() detachEvent() 移除事件
event.pageX event.x X坐标获取
event.pageY event.y Y坐标获取

备注: IE9及以上浏览器2种事件都支持,IE8及以下只支持IE浏览器列表的事件方法,所以要做浏览器兼容的话,应先判断是否支持该事件,否则使用兼容事件。

如:

var e = e || window.event;
var target = e.target || e.srcElement;

if ( addEventListener ) {
   addEventListener(event, function, useCapture);
} else {
  attachEvent(event, function); //只有2个参数,没有事件捕获和事件冒泡阶段
}
.....
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,840评论 1 92
  • JavaScript 程序采用了异步事件驱动编程模型。在这种程序设计风格下,当文档、浏览器、元素或与之相关的对象发...
    劼哥stone阅读 1,296评论 3 11
  • 一、如何调试 IE 浏览器 IE7以上版本自带的开发者工具,IE6可以用border的方法;例:IE11的开发者工...
    __Qiao阅读 1,137评论 2 17
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,243评论 0 1
  • 事件流 IE和Netscape开发团队提出了完全相反的两种事件流的概念,事件冒泡流和事件捕获流。 事件冒泡 事件由...
    exialym阅读 1,000评论 0 9