jquery中如何使用event.target
- 编辑:
- 起点网络
- 发布时间:
- 2014-2-18
- 点击:
最近在用jquery做一个项目的前端,遇到了一个问题需要用event来得到触发元素的id,查了一些资料,看到一篇这方面的blog,虽然字数不多但很是受用,跟大家分享下!
引用
1.this和event.target的区别:
js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;
2.this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target);
eg:
Js代码
$(function(){
$("li").live("click",function(event){
$("#temp").html("clicked: " + event.target.nodeName);
$(event.target).css("color","#FF3300");
})
});
等同于:
Js代码
$(function(){
$("li").live("click",function(event){
$("#temp").html("clicked: " + event.target.nodeName);
$(this).css("color","#FF3300");
event.stopPropagation();
})
});
编程技术 jquery
相关文章