本文详细介绍了jQuery中on()方法的使用，包括其在事件处理中的作用、参数设置及常见事件类型，如用户界面、键盘、鼠标等事件。通过实例代码展示了如何使用on()方法为元素绑定多个事件。
事件方法on()
on()方法用来处理事件。jQuery会处理所有浏览器的兼容性问题。
on()方法可以指定影响哪个事件，相当于JavaScript中的addEventListener()事件监听。
on()方法有两个参数：
第一个参数，是事件，同addEventListener()事件监听的第一个参数一样，用引号括起事件名。
第二个参数，是代码，可以命名函数，也可以是匿名函数。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>事件方法on()</title>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js">
</script>
</head>
<body>
<div>
<ul id="ul">
<li id="a">脚后跟</li>
<li id="b">反对</li>
<li id="c">发的</li>
<li id="d">广泛的</li>
</ul>
</div>
<p id="notes">单机列表项，或光标移到列表项</p>
<script>
$('ul').on('click mouseover', ':not(#four)',
function (e) {
listItem = '列事项' + e.target.textContent + '<br/>';
eventType = '事件' + e.type;
$('#notes').html(listItem + eventType);
});
</script>
</body>
</html>
常见的jQuery事件
用户界面：focus、blur、change
键盘：input、keydown、keyup、keypress
鼠标：click、dblclick、mouseup、mousedown、mouseover、mousemove、mouseout、hover
表单：submit、select、change
文档：ready、load、unload
浏览器：error、resize、scroll
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
