jQuery事件对象总结

本人对jquery的event不懂,搜索了很多关于jquery event事件介绍,下面我来记录一下,有需要了解jquery event事件用法的朋友可参考。希望此文章对各位有所帮助。

学习要点：

事件对象冒泡和阻止默认行为

一、事件对象

在JS中，我们已经详细讨论了JS的事件对象，这里就挑几个常用的探讨

rush:js;">


1.event.type 属性获取触发事件名

rush:js;">


2.event.target获取绑定DOM的元素

rush:js;">



3.event.data 获取额外数据，可以是数字、字符串、数组、对象

rush:js;">
relatedTarget 获取移入移出目标点离开或进入的那个 DOM 元素

rush:js;">
SEOver(function (e) {
  console.log(e.relatedTarget);    // body
});


5.event.currentTarget 获取绑定的那个 DOM 元素，相当于 this，区别与 event.target

rush:js;">

  item1
  item2
  item3



PS : target表示触发事件的DOM，currentTarget表示绑定事件的元素 6.event.result 表示获取上次事件的值

rush:js;">


7.event.timeStamp 获取当前时间戳

rush:js;">


8.event.which 获取鼠标的左中右键

rush:js;">


同时event.which也可以获取键盘上的键

rush:js;">


9.event.ctrlKey 判断是否按下了ctrl键

rush:js;">


10.获取鼠标当前的位置

rush:js;">


二．冒泡和默认行为 1.事件冒泡和阻止冒泡 先来看看一个冒泡的例子

rush:js;">
PHP">PHP">
  



现在我们阻止冒泡，看看结果

rush:js;">



无论你怎样单击按钮和div，它也只能触发自己的时间，因为冒泡被阻止了 

2.阻止默认行为

rush:js;">


3.同时阻止默认行为和冒泡

rush:js;">


或者用 return false;

rush:js;">


3.阻止事件冒泡和默认行为的一些方法 

判断是否取消了默认行为

rush:js;">



取消冒泡后取消后续的事件处理函数

rush:js;">
一个
});
$("a").click(function () {
  console.log("i am a");
}); 
$(document).click(function () {
  console.log("i am document");
})

判断是否调用了 stopPropagation()方法

rush:js;">

判断是否执行了 stopImmediatePropagation()方法



以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

                
                                 版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
                            
jquery

                  上一篇：Jquery实现上下移动和排序代码下一篇：jquery中用jsonp实现搜索框功能

jQuery事件对象总结

相关推荐