javascript - click事件如何让其点击的是该元素而并非子元素?
本文介绍了javascript - click事件如何让其点击的是该元素而并非子元素?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<li>
<a href="#" @click.self="longPress($event)">
<img :src="$store.state.lazyload" data-src="/topic/green.png" onload="lzld(this)">
</a>
</li>
longPress: function (e) {
console.log(e.target.tagName); // IMG
}
.list li{
width: (139rem/$num);
height: (160rem/$num);
border-radius: (5rem/$num);
display: inline-block;
text-align: center;
font-size: (20rem/$num);
}
.list li a{
color: #787878;
display: block;
}
.list li img{
width: (100rem/$num);
height: (100rem/$num);
margin: 0 auto (10rem/$num);
}
如何让longpress事件点击到的是a?
解决方案
如果保證是父子關係的話,直接取得 parentNode
就可以了:
longPress: function (e) {
console.log(e.target.parentNode);
}
这篇关于javascript - click事件如何让其点击的是该元素而并非子元素?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文