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

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()解码
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值