你可能还不知道的jQuery小技巧

01

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

绑定单事件单元素
1.png
绑定单事件多元素
2.png
绑定多事件多元素
你可能还不知道的jQuery小技巧_第1张图片

02

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

实现方式
4.png

03

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

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

制定延迟策略

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

(2)clear() 用于清空设置的延迟
你可能还不知道的jQuery小技巧_第2张图片

为单击事件添加延迟操作

由于单击事件默认优先响应,所以需要为单击事件设置延迟策略,从而给双击事件足够的响应时间
你可能还不知道的jQuery小技巧_第3张图片

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

双击事件响应完毕后,清空延迟策略
你可能还不知道的jQuery小技巧_第4张图片

04

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

实现
你可能还不知道的jQuery小技巧_第5张图片

码表

字母

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

END
查看更多文章请关注【实训在线】微信公众号
原文首发:www.shixun.online

你可能感兴趣的:(jQuery,JQuery)