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;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
posted @ 2016-09-26 19:56  Huan_klyj  阅读(156)  评论(0编辑  收藏  举报