JavaScript

事件冒泡

1它是JavaScript事件处理的一种机制
2停止冒泡:stopPropagation
3.阻止事件冒泡的兼容问题

if(e.stopPropagation){
e.stopPropagation();
// 非IE浏览器
}else{
e.cancelBubble=true
// IE浏览器

} 

4.获取外部样式表
getComputedStyle & currentstyle

(1).myDIV.currentStyle
(IE浏览器)

(2).window.getComputedStyle(myDIV,null)
(非IE浏览器)
事件对象
1.事件对象就是保存驱动该事件的对象信息
2.兼容问题
if(e){
e=e; //非IE浏览器
}else{
e=window.event; // IE浏览器
}
event.button (鼠标按钮)
1.非IE浏览器
0:按下左键
1:按下滚轮
2:按下右键
2.IE浏览器
1:按下左键
2:按下右键
3:左右同时按下
4:按下滚轮

3.兼容问题

if(!e){
switch(window.event.button){
case 1:fnleft();break;
case 2:fnright();break;
case 4:fnwheel();break;
}
}else{
switch(e.button){
case 0:fnleft();break;
case 2:fnright();break;
case 1:fnwheel();break;
}
}

阻止默认事件
1.解决兼容问题
if(e.preventDefault){
e.preventDefault(); //非 IE
}else{
e.returnValue=false; //IE
}
键盘事件
1.onkeydown:不区分大小写
2.onkeypress:区分大小写
3.keydown|keypress,在部分键码值上有不相同的地方;
4.keyCode:获取按键的编码值只在GOOGLE中有效
5.which:IE中有效,同样用于获取按键的编码值

原文地址:https://www.cnblogs.com/zaizaizai8/p/6544699.html