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()解码