Fe-interview: [html] 第89天 a标签的href和onclick属性同时存在时哪个先触发？
第89天 a标签的href和onclick属性同时存在时哪个先触发？
html
haizhilin2013
All 5 comments
应该是onclick属性先触发，判断依据是在onclik中使用preventDefault方法可以阻止a标签的跳转，说明a标签的跳转行为是一个默认行为；如下：
<a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/a" onclick="event.preventDefault()">test</a>
xxf1996
on 14 Jul 2019
👍15
测试了一下，是 href 里的先触发
xjt31012
on 15 Jul 2019
👎14
@xjt31012 为什么呢？
haizhilin2013
on 15 Jul 2019
先执行onclick，最后载入到href的链接。
huangsw0411
on 16 Jul 2019
<a href="javascript:alert(1)" onclick="alert(2)">点一下试试，看谁先触发</a>
<a href="javascript:alert(1)" onclick="alert(2);return false;">点一下试试</a>
onclick事件先触发， 如果函数执行返回false(全等), 则href不会被触发。
只在chrome 和 frrefox 中试过
kruzabc
on 8 Jan 2020
👍1
Was this page helpful?
0 / 5 - 0 ratings
Related issues
undefinedYu
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
Most helpful comment
应该是
onclick属性先触发，判断依据是在onclik中使用preventDefault方法可以阻止a标签的跳转，说明a标签的跳转行为是一个默认行为；如下：