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>

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