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

    待续。。。。。

  • 相关阅读:
    移动端如何强制页面横屏
    css实现内容渐变隐藏效果,手机网页版知乎内容隐藏效果的实现
    css3中样式计算属性calc()的使用和总结
    如何使用JS操纵伪元素
    HTML5全局属性汇总
    20 个 CSS高级样式技巧汇总
    网页开发中利用CSS以图换字的多中实现方法总汇
    html/css解决inline-block内联元素间隙的多种方法总汇
    [算法] 泊松分布、指数分布
    [算法] 递归
  • 原文地址:https://www.cnblogs.com/GainLoss/p/5748498.html
Copyright © 2011-2022 走看看