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>
以上代码可以在控制台输出键盘进行的操作。