jQuery事件对象

(四)事件对象

event.target

显示点击元素的标签名

event.type

事件类型

$("a").click(function(event) {
    alert(event.type); // "click"
  }); 
event.timeStamp

显示两次函数执行之间的时间

diff = event.timeStamp - last;
函数
last = event.timeStamp;
event.which

确定按下的是哪个键或者按钮

event.pageX

鼠标相对于文档的左边缘的位置

event.pageY

鼠标相对于文档的顶部边缘的位置

event.result

显示前一个事件处理函数的返回值

 $("button").click(function(event) {    return "hey";  });
       $("button").click(function(event) {
           $("p").html( event.result );  //hey
       });
ev.preventDefault(); ev.stopPropagation();–阻止事件冒泡

也可以使用 return false; ,相当于调用了上述两种方法

event.currentTarget()

在事件冒泡阶段中的当前DOM元素

$("p").click(function(event) {
    alert( event.currentTarget === this ); // true  
}); 
event.data()

事件绑定函数传参-间接的传参

$("button").on("click", {username: "admin", password: 123456}, function(ev){
 console.log(ev.data);   
 console.log(ev.data.username);
})
posted @ 2020-07-15 19:29  Cupid05  阅读(29)  评论(0编辑  收藏  举报