• 聊聊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

    待续。。。。。

  • 相关阅读:
    JAVA课上课后问题总结(2019.09.20)
    JAVA课后问题汇总(第三次课)
    java课后作业:记录创建对象数
    《程序员修炼之道》读后感(一)【第二章与第三章】
    [java web]小学四则运算出题系统
    apache连接数
    isql导出表到文本
    iis6上的FTP有缓存
    Perl 标量的操作符
    apachetomcat
  • 原文地址:https://www.cnblogs.com/GainLoss/p/5748498.html
Copyright © 2020-2023  润新知