![75c04c2fdf8d812f363eb36d02248021.png](https://i-blog.csdnimg.cn/blog_migrate/65ad9f3ad3278ddcf90743df6a164b20.jpeg)
实训在线-IT人才终身实训与职业进阶的平台
网址:www.shixun.online
一、on() 是 jQuery 新的为 DOM 元素绑定事件的方法
(1)绑定单事件单元素
![16bbf8037579d51edea53b822a79f86b.png](https://i-blog.csdnimg.cn/blog_migrate/43b2986d61502785b3e89610a1329191.png)
(2)绑定单事件多元素
![48dc9e943afb9dc37282f6f56ed96499.png](https://i-blog.csdnimg.cn/blog_migrate/434e11895a263bd03104af5d1a43fdac.png)
(3)绑定多事件多元素
![651930b61427ae4fcbf593930738bd88.png](https://i-blog.csdnimg.cn/blog_migrate/fb09788ca099aef5d62c6ad6254c4247.png)
二、$.one() 方法的意思是给指定按钮绑定一次性事件,即使用一次便失效
(1)实现方式
![ea47bb9e4029dd9df172c8b6f342ad43.png](https://i-blog.csdnimg.cn/blog_migrate/512dc072d5541d916628ea5258832f31.png)
三、click 是单击事件,dblclick 是双击事件
如果给一个 DOM 元素同时绑定两个事件,则会导致响应 dblclick 时会同时响应 click
(1)制定延迟策略
1)set()
用于为待执行方案设置一个延迟
2)clear()
用于清空设置的延迟
![2079c9f73113974d58183deab41579be.png](https://i-blog.csdnimg.cn/blog_migrate/78f31b1d08c14ca23d7a045ba610e64b.jpeg)
(2)为单击事件添加延迟操作
由于单击事件默认优先响应,所以需要为单击事件设置延迟策略,从而给双击事件足够的响应时间
![b8246f6a8c338cf20743b5fc109471e5.png](https://i-blog.csdnimg.cn/blog_migrate/cdc4812e7aa1d6cbb982c7175c7057b5.png)
(3)在响应双击事件时清空延迟
双击事件响应完毕后,清空延迟策略
![bd5dfeb847151692744ad48dbf436421.png](https://i-blog.csdnimg.cn/blog_migrate/9c0b1ae4ae10ff71115e16ec9c761794.png)
四、通过jquery禁止浏览器右键功能菜单
(1)实现
![e9d86487b67ab5d65a0a2be9edf3db85.png](https://i-blog.csdnimg.cn/blog_migrate/4414541e9a6978aa79b8626565874d7d.png)
(2)码表
“字母”
A - 65
B - 66
C - 67
D - 68
E - 69
F - 70
G - 71
H - 72
I - 73
J - 74
K - 75
L - 76
M - 77
N - 78
O - 79
P - 80
Q - 81
R - 82
S - 83
T - 84
U - 85
V - 86
W - 87
X - 88
Y - 89
Z - 90
“数字”
0 - 48
1 - 49
2 - 50
3 - 51
4 - 52
5 - 53
6 - 54
7 - 55
8 - 56
9 - 57
“小键盘”
0 - 96
1 - 97
2 - 98
3 - 99
4 - 100
5 - 101
6 - 102
7 - 103
8 - 104
9 - 105
* - 106
+ - 107
回 - 108
- - 109
. - 110
/ - 111
“功能键”
F1 - 112
F2 - 113
F3 - 114
F4 - 115
F5 - 116
F6 - 117
F7 - 118
F8 - 119
F9 - 120
F10 - 121
F11 - 122
F12 - 123
“扩展键”
BackSpace - 8
Tab - 9
Enter - 13
Shift - 16
Ctrl - 17
Alt - 18
Caps Lock - 20
Esc - 27
实训在线持续为大家提供免费答疑服务和免费直播:
https://innovaee.ke.qq.com/?tuin=2b7f0ce3#category=-1&tab=1
·END·
原文首发:【实训在线】公众号
▼关注我们,获取更多行业资讯▼
![61bf2ecbfd4859a34a570daf65b664ae.png](https://i-blog.csdnimg.cn/blog_migrate/92d6b5c8e464719c1837c6483f683444.jpeg)
![c4870b47804936cee5004e9f2041020e.gif](https://i-blog.csdnimg.cn/blog_migrate/5bd0743c72ccce4f68bfb7d7904c7f9c.gif)
![fb3d3adfe8abe0e1ffa75762304e24d1.png](https://i-blog.csdnimg.cn/blog_migrate/2c394514118f7f13d77661db620ea889.jpeg)
●
实训在线:你为什么被企业淘汰?资深HR这样说...zhuanlan.zhihu.com![f92c77568d275a209fced37d10fcbec5.png](https://i-blog.csdnimg.cn/blog_migrate/8695319d20a45961afa9c90325b9cf7c.jpeg)
●
实训在线:JAVA JNI 3des 加解密zhuanlan.zhihu.com![77b9cf70f5b0cdb2dda8c9e9a39fb678.png](https://i-blog.csdnimg.cn/blog_migrate/c6c4e63c53a3e0bc11738278f9de7aba.jpeg)
●
实训在线:前端开发那点事zhuanlan.zhihu.com![e43da06c669c8459cd98b15eff8ef5a2.png](https://i-blog.csdnimg.cn/blog_migrate/010711a4071dbf758f7bcf8c20c4d8e9.jpeg)
●
实训在线:人工智能发展史zhuanlan.zhihu.com![ab3d6a4fae950f0e0a05065eeeef7e17.png](https://i-blog.csdnimg.cn/blog_migrate/aaebb53364a2f5beb3addda2e92be5fa.jpeg)