美文网首页
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事件兼容 - 列表整理

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