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

    待续。。。。。

  • 相关阅读:
    P4675 [BalticOI 2016 day1]Park 题解
    AT4432 [ARC103B] Robot Arms 题解
    P4357 [CQOI2016]K 远点对 题解
    P2163 [SHOI2007]园丁的烦恼 题解
    P3157 [CQOI2011]动态逆序对 题解
    bzoj 1568. [JSOI2008]Blue Mary开公司
    P3120 [USACO15FEB]Cow Hopscotch G 题解
    CSP-S 2021 题解
    Maven简介与安装
    java 基本程序设计结构 一
  • 原文地址:https://www.cnblogs.com/GainLoss/p/5748498.html
Copyright © 2011-2022 走看看