NEWS

技术文章

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
相关文章

Copyright@宁波阳程网络科技有限公司. All rights reserved. Powered by 阳程网络       备案号:浙ICP备 16017710号