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>

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

　　

 

posted on 2017-07-30 00:03  观琪不喻  阅读(61)  评论(0)  编辑  收藏  举报

导航