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   观琪不喻  阅读(61)  评论(0编辑  收藏  举报

编辑推荐:
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
阅读排行:
· PPT革命!DeepSeek+Kimi=N小时工作5分钟完成?
· What?废柴, 还在本地部署DeepSeek吗?Are you kidding?
· DeepSeek企业级部署实战指南:从服务器选型到Dify私有化落地
· 程序员转型AI:行业分析
· 重磅发布!DeepSeek 微调秘籍揭秘,一键解锁升级版全家桶,AI 玩家必备神器!

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

统计

点击右上角即可分享
微信分享提示