zoukankan      html  css  js  c++  java
  • 聊聊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

    待续。。。。。

  • 相关阅读:
    课程教学网站(大三上课设)
    mybatis+servlet
    第一个struct2(Hello_World)
    servlet入门
    mybatis入门项目
    XML
    状态模式的介绍及状态机模型的函数库javascript-state-machine的用法和源码解析
    10个JavaScript难点
    markdown基本语法
    Mac OSX 平台安装 MongoDB
  • 原文地址:https://www.cnblogs.com/GainLoss/p/5748498.html
Copyright © 2011-2022 走看看