a標籤的 onclick, href
阿新 • • 發佈:2018-12-17
1. 以下這種寫法,onclick 事件先執行, href 屬性下的動作後執行(頁面跳轉或 javascript 偽連結),如果不想執行 href 屬性下的動作,onclick 需要返回 false:
<a href="https://www.baidu.com/" onclick="doSomething()">連結</a>
2. 如果實際應用中,確實需要 a 標籤來響應 onclick 事件的,且不想執行 href 屬性下的動作,推薦以下3種寫法:
-> <a href="javascript:void(0)" onclick="doSomething()">連結</a>
註釋:javascript:void(0) 相當於一個死連結,href 不執行
-> <a href="https://www.baidu.com/" onclick="doSomething();return false;">連結</a>
註釋:onclick 返回 false,href 不執行
-> <a href="https://www.baidu.com/" onclick="doSomething();event.returnValue=false;">連結</a>
註釋:onclick 返回 false,href 不執行