美文网首页
JS事件兼容 - 列表整理

JS事件兼容 - 列表整理

作者: 丶梵天 | 来源:发表于2016-08-17 00:45 被阅读45次

事件兼容

标准浏览器 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个参数,没有事件捕获和事件冒泡阶段
}
.....

相关文章

  • JS事件兼容 - 列表整理

    事件兼容 备注: IE9及以上浏览器2种事件都支持,IE8及以下只支持IE浏览器列表的事件方法,所以要做浏览器兼容...

  • JS 兼容整理

    获取非行内样式的兼容方式 function getStyle(obj,attr){//获取非行间样式,obj是对象...

  • javascript 事件兼容

    今天了解了js 的事件,以前写代码时并不会在意它的兼容问题,那么今天总结几个关于事件的兼容写法。 1、js中经常用...

  • js事件兼容写法

    title: js事件兼容写法date: 2017-11-16 21:58:30tags: js文件下载:

  • 点透/触屏事件/js兼容性代码

    1.触屏事件 2.cookie 本地存储 3.jsonp 1.hammer.js 2.swiper.js js兼容...

  • js 事件整理

  • 08JavaScript-移动端

    触屏事件概述 移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,...

  • Web API -- 触屏事件

    1.1. 触屏事件 1.1.1 触屏事件概述 移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以...

  • webAPI-day-07(触屏事件,click,移动端常用框架

    1.1. 触屏事件 1.1.1 触屏事件概述 移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以...

  • 小程序学习

    template import的作用域与include 数据绑定 列表渲染 条件渲染 模板 事件 兼容处理 创建一...

网友评论

      本文标题:JS事件兼容 - 列表整理

      本文链接:https://www.haomeiwen.com/subject/pexmsttx.html