jquery绑定click事件_你可能还不知道的jQuery小技巧

75c04c2fdf8d812f363eb36d02248021.png
实训在线-IT人才终身实训与职业进阶的平台
网址:www.shixun.online

一、on() 是 jQuery 新的为 DOM 元素绑定事件的方法

(1)绑定单事件单元素

16bbf8037579d51edea53b822a79f86b.png

(2)绑定单事件多元素

48dc9e943afb9dc37282f6f56ed96499.png

(3)绑定多事件多元素

651930b61427ae4fcbf593930738bd88.png

二、$.one() 方法的意思是给指定按钮绑定一次性事件,即使用一次便失效

(1)实现方式

ea47bb9e4029dd9df172c8b6f342ad43.png

三、click 是单击事件,dblclick 是双击事件

如果给一个 DOM 元素同时绑定两个事件,则会导致响应 dblclick 时会同时响应 click

(1)制定延迟策略

1)set() 用于为待执行方案设置一个延迟

2)clear() 用于清空设置的延迟

2079c9f73113974d58183deab41579be.png

(2)为单击事件添加延迟操作

由于单击事件默认优先响应,所以需要为单击事件设置延迟策略,从而给双击事件足够的响应时间

b8246f6a8c338cf20743b5fc109471e5.png

(3)在响应双击事件时清空延迟

双击事件响应完毕后,清空延迟策略

bd5dfeb847151692744ad48dbf436421.png

四、通过jquery禁止浏览器右键功能菜单

(1)实现

e9d86487b67ab5d65a0a2be9edf3db85.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

c4870b47804936cee5004e9f2041020e.gif

fb3d3adfe8abe0e1ffa75762304e24d1.png

实训在线:你为什么被企业淘汰?资深HR这样说...​zhuanlan.zhihu.com
f92c77568d275a209fced37d10fcbec5.png

实训在线:JAVA JNI 3des 加解密​zhuanlan.zhihu.com
77b9cf70f5b0cdb2dda8c9e9a39fb678.png

实训在线:前端开发那点事​zhuanlan.zhihu.com
e43da06c669c8459cd98b15eff8ef5a2.png

实训在线:人工智能发展史​zhuanlan.zhihu.com
ab3d6a4fae950f0e0a05065eeeef7e17.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值