(长期记录）浏览器之间的兼容性问题

css篇

js篇

• 阻止冒泡方式
  通常，在我们使用事件嵌套的时候会发生冒泡事件
  在js中的阻止方式是
  event.stopPropagation()
  IE10以下则是使用：event.cancelBubble =true
• 向指定元素添加事件
  标注浏览器中使用 addEventListener() 方法
  ie8及以下不支持则使用 attachEvent() 方法

var x = document.getElementById("myBtn");
if (x.addEventListener) {                    //所有主流浏览器，除了 IE 8 及更早 IE版本
    x.addEventListener("click", myFunction);
} else if (x.attachEvent) {                  // IE 8 及更早 IE 版本
    x.attachEvent("onclick", myFunction);
}

• 移除元素添加事件
  标准浏览器中：removeEventListener()
  ie8及以下：attachEvent()
• 阻止浏览器默认行为
  标准浏览器中：preventDefault()
  ie8及以下浏览器
  event .returnValue = bool;
  var bool = event .returnValue;
• onwheel 事件(鼠标滚轮在元素上下滚动时触发)
  标准浏览器中：object.οnwheel=function(){myScript};
  在 IE 浏览器中，只能通过 addEventListener() 方法支持 wheel 事件。 在 DOM 对象中没有 onwheel 属性。
• οncοpy="return false"
  阻止默认复制文本事件
• 汉字转码和解码
  encodeURI()转码
  decodeURI()解码