a子元素中，其中一个绑定点击事件，点击其他子元素进行页面跳转。当点击这个子元素，怎么阻止a标签跳转。

Posted 2023-05-02

<a href="https://zhidao.baidu.com/">
< span title=“收藏”>点我不跳转页面< /span>
<img alt="点我跳转页面">
<span>点我跳转页面</span>
</a>

<a href="https://zhidao.baidu.com/" onclick="return check();">
<span title="收藏">点我不跳转页面</span>
<img alt="点我跳转页面">
<span>点我跳转页面</span>
</a>
<script>
function check(e)
   return (e||event).target.title!="收藏";

</script>

参考技术A <span title=“收藏”>点我不跳转页面</span>
<a href="https://zhidao.baidu.com/">
<img alt="点我跳转页面">
<span>点我跳转页面</span>
</a>
这样不行吗

vue中 $event 的用法--获取当前父元素，子元素，兄弟元素

<button @click = “clickfun($event)”>点击</button>
 
methods: 
clickfun(e) 
// e.target 是你当前点击的元素
// e.currentTarget 是你绑定事件的元素
    #获得点击元素的前一个元素
    e.currentTarget.previousElementSibling.innerHTML
    #获得点击元素的第一个子元素
    e.currentTarget.firstElementChild
    # 获得点击元素的下一个元素
    e.currentTarget.nextElementSibling
    # 获得点击元素中id为string的元素
    e.currentTarget.getElementById("string")
    # 获得点击元素的string属性
    e.currentTarget.getAttributeNode(‘string‘)
    # 获得点击元素的父级元素
    e.currentTarget.parentElement
    # 获得点击元素的前一个元素的第一个子元素的HTML值
    e.currentTarget.previousElementSibling.firstElementChild.innerHTML
 
    
        ,