e.target的用法
target定义:target 属性规定哪个 DOM 元素触发了该事件。target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。语法:event.targetevent.target.nodeName //获取事件触发元素标签名(li,p,div,img,button…)event.target.id //获取事件触发元素idev...
·
target定义:
target 属性规定哪个 DOM 元素触发了该事件。
target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。
语法:
event.target
event.target.nodeName //获取事件触发元素标签名(li,p,div,img,button…)
event.target.id //获取事件触发元素id
event.target.className //获取事件触发元素classname
event.target.innerHTML //获取事件触发元素的内容(li)
jquery:this 与 e.target区别:
this会冒泡。e.target不冒泡就是指向事件触发的dom。
今天在实现点击图片跳转到另一个页面的时候,使用e.target,一直跳转不了。打印e.target.className发现点击图片时e.target.className为空。只有点击a中除img的部分(很小的一部分),才能跳转成功。因此为img添加和a相同的class,实现点击a和img都跳转。
<a id="termTip" class="termTipClass" href="#">
<img src="../images/tip.png" alt="termTip">
</a>
$('#infoconfig').click(function(e){
//alert(e.target.className);
if($(e.target).is(".termTipClass")){ //<img> add the same class with <a>
var anchor = "#ServerConfiguration";
goHelpAnchor(anchor);
}
});
改后的代码:
<a id="termTip" class="termTipClass" href="#">
<img src="../images/tip.png" class="termTipClass" alt="termTip">
</a>
更多推荐
已为社区贡献2条内容
所有评论(0)