当前位置: 代码迷 >> Web前端 >> jquery中怎么使用event.target
  详细解决方案

jquery中怎么使用event.target

热度:427   发布时间:2012-11-25 11:44:31.0
jquery中如何使用event.target
最近在用jquery做一个项目的前端,遇到了一个问题需要用event来得到触发元素的id,查了一些资料,看到一篇这方面的blog,虽然字数不多但很是受用,跟大家分享下!
引用
1.this和event.target的区别:
js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;
2.this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象:$(this)和$(event.target);

eg:
  
  $(function(){  
  $("li").live("click",function(event){  
      $("#temp").html("clicked: " + event.target.nodeName);  
      $(event.target).css("color","#FF3300");  
   })
  }); 

等同于:
  $(function(){  
  $("li").live("click",function(event){  
    $("#temp").html("clicked: " + event.target.nodeName);  
    $(this).css("color","#FF3300");  
    event.stopPropagation();  
  })  
}); 
1 楼 yaohuiye 2012-09-10  
不错不错,解决了问题,可以让我安心的吃饱去咯
  相关解决方案