zoukankan      html  css  js  c++  java
  • jQuery系列04

    jQuery中的事件:

    一、鼠标事件

      jQuery中的鼠标事件与js相同,只是在写法上稍有区别

      1.click()--->点击事件

      2.dblclick()--->双击事件

      3.hover()--->鼠标悬停和离开

      4.mousedown()--->鼠标按下

      5.mouseup()--->鼠标按键松开

      6.mouseenter()--->鼠标进入元素

      7.mouseleave()--->鼠标离开元素

      8.mousemove()--->鼠标在元素内移动

      9.mouseout()--->鼠标离开元素(支持事件冒泡)

      10.mouseover--->鼠标进入元素内(支持事件冒泡)

      事件的触发条件和运行的结果都与js的鼠标事件相同,在这不做过多测试。

    二、键盘事件

      1.keydown()--->键盘按键按下

      2.keypress()--->键盘按键按下后松开

      3.keyup--->键盘按键抬起

      常用的按键对应的ASCII编码

      Backspace--->8

      Tab--->9

      Enter--->13

      Shift--->16

      Ctrl--->17

      Alt--->18

      Caps Lock--->20

      Esc--->27

      空格--->32

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="../jquery-3.2.1.min.js"></script>
    </head>
    <body>
    
    </body>
    <script type="text/javascript">
        $(document).keydown(function(event){
            console.log("keydown");
        });
        $(document).keyup(function(){
            console.log("keyup");
        });
    
        $(document).keypress(function(){
            console.log("keypress");
        });
    </script>
    </html>

    以上代码可以在控制台输出键盘进行的操作。

      

  • 相关阅读:
    flex-direction
    flex-grow
    Push API
    ServiceWorker.state
    Using Service Workers
    Promise.then
    Promise()
    Using promises
    node-rsa
    async.waterfall
  • 原文地址:https://www.cnblogs.com/Hlong-ZY/p/7257999.html
Copyright © 2011-2022 走看看