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>
以上代码可以在控制台输出键盘进行的操作。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· PPT革命!DeepSeek+Kimi=N小时工作5分钟完成?
· What?废柴, 还在本地部署DeepSeek吗?Are you kidding?
· DeepSeek企业级部署实战指南:从服务器选型到Dify私有化落地
· 程序员转型AI:行业分析
· 重磅发布!DeepSeek 微调秘籍揭秘,一键解锁升级版全家桶,AI 玩家必备神器!