聊聊javascript的事件
javascript事件
1.点击事件 onclick
obtn.click=function(){};
2.移入/移出事件 onmouseover/onmouseout 注意:在父级中移入移出,进入子级中,也会触发这种事件
obtn.mouseover=function(){}
3.鼠标按下/抬起 onmousedown/onmouseup
obtn.onmousedown=function(){}
3.移入/移出事件 onmouseenter/onmouseleave 注意:在父级中移入移出,进入子级中,不会触发这种事件
obtn.mouseleave=function(){}
4.获取/失去焦点 onfocus/onblur
obtn.onfocus=function(){}
5.键盘事件按下/抬起 onkeydown/onkeypress
obtn.onkeydown=function(event){
var num=event.keyCode;
};
注意:event.keyCode的值
9 tab
13 enter
20大写锁定
32空格键
37 左
38 上
39 右
40 下
6.绑定事件/解除绑定
谷歌 火狐obtn.addEventListener("事件","回调函数",false);
obtn.removeEventListener("事件","回调函数",false);
注意:false只会监听冒泡发生的事件
IE9 obtn.attachEvent("事件","回调函数");
obtn.detachEvent("事件","回调函数");
7.滚轮事件addwheel(火狐)/onmousewheel(非火狐)
addwheel(odiv,function(down){});
判断down=true向下;down=false向上
down=event.detail
onmousewheel(odiv,function(down){});
判断down=truw向上;down=false向下
down=oEvent.wheelDelta()
8.默认事件 右键出来的浏览器自带的样式 oncontextmenu
8.阻止冒泡事件
event.stopPropagation()阻止事件冒泡 非IE
return false;IE
8.阻止默认事件
event.preventDefault()阻止默认事件 非IE
return false;IE
待续。。。。。