js事件
1、鼠标事件
(1)onclick:单击鼠标时触发
(2)ondblclick:双击鼠标时触发
(3)onmousedown :按下鼠标且未弹起时触发
(4)onmouseup:释放鼠标时触发
(6)①onmouseover :鼠标悬停于元素上时触发
②onmouseout:鼠标移出元素时触发
(7)①onmouseenter:悬停
②onmouseleave:移出
(8)oncontextmenu :鼠标右击时触发
2、键盘事件
(1)onkeydown :按下键盘任意键触发,长按会重复触发。可以检测到键盘的所有键,包括实体键和辅助键。event.keyCode返回的是十进制的键盘代码值(不能检测到小写);
(2)onkeypress :按下键盘的字符键触发,长按会重复触发,只能检测到键盘的实体键。event.keyCode返回的是十进制的ASCII码值(所以可以检测大小写)。
(3)onkeyup :释放键盘键时触发.
3、HTML事件
(1)onresize :当window窗口或框架大小发生变化时触发
(2)onscroll :当滚定滚动条时触发
(3)onselect :当选择文本框(input、textarea)的内容时触发
(4)onchange : 当文本框失去焦点并且内容改变时触发
(5)onfocus : 当获得焦点是触发
(6)onblur :当失去焦点是触发
(7)onsubmit :点击提交按钮时触发,按钮需在<from>标签中。是在form上触发的
from.onsubmit = function(){};
(8) onreset :当点击重置按钮时触发,按钮需在<from>标签中。是在form上触发的
form.onreset = function(){};
4、事件方法
(1)阻止冒泡
① IE支持:window.event.cancelBubble = true ;
② 其他 :event.stopPropagation()
(2)阻止默认事件
① IE支持 :window.event.returnValue = false;
② 其他 : event.preventDefault();return false;
兼容写法:以阻止冒泡为例
if(window.event.stopPropagation){
event.stopPropagation();
}else{
window.event.cancelBubble = true;