深入理解jQuery 事件处理
编程学习 2021-07-04 19:59www.dzhlxh.cn编程入门
狼蚁网站SEO优化长沙网络推广就为大家带来一篇深入理解jQuery 事件处理。长沙网络推广觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随长沙网络推广过来看看吧
浏览器的事件模型
DOM第0级事件模型
1.Event实例
他的属性提供了关于当前正被处理的已触发事件的大量信息。这包括一些细节，比如在哪个元素上触发的事件、鼠标事件的坐标以及键盘事件中单击了哪个键。
2.事件冒泡
当触发 dom 树中一个元素上的事件时，事件模型会检查这个元素是否已经创建了特定的事件处理器。如果是，就会调用已创建的事件处理器。然后，事件模型会检查目标元素的父元素，看其是否已经为此事件类型创建了处理器。如果是，就调用已创建的处理器，之后检查它的父元素，以及父元素的父元素，以此类推，直到 dom 树的顶部。
DOM第2级事件模型
IE事件模型
jQuery事件模型
使用jQuery绑定事件处理器
<html>
<head>
<title>jQuery Events Example</title>
<script type="text/javascript" src="../scripts/jquery-1.7.1.js"></script>
<script type="text/javascript">
$(function () {
$('#example')
.bind('click', function (event) {
alert('BOOM once!');
})
.bind('click', function (event) {
alert('BOOM twice!');
})
.bind('click', function (event) {
alert('BOOM three times!');
});
});
</script>
</head>
<body>
<img id="example" src="example.jpg" />
</body>
</html>
bind(eventType, data, handler); bind(eventMap)
可以为事件名称添加以圆点分隔的后缀来指定命名空间，以批量操作事件处理器。
可以通过单个bind()方法来为一个元素绑定多个事件。
$('.whatever').bind({
click:function(event){/* handle *