包括 HTML <a> 标签的 href 和 onclick

Question

如果我有这个元素：

<a href="www.mysite.com" onClick="javascript.function();">Item</a>

如何使 href 和 onClick 都工作，最好先运行 onClick ？

原文由 user1589113 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你已经有了你需要的东西，只需要稍微改变一下语法：

 <a href="www.mysite.com" onclick="return theFunction();">Item</a>

 <script type="text/javascript">
 function theFunction () {
 // return true or false, depending on whether you want to allow the `href` property to follow through or not
 }
 </script>

<a> 标签的 onclick 和 href 属性的默认行为是执行 onclick ，然后只要 onclick 不返回 false 就跟随 href ，取消事件（或者事件没有被阻止）

原文由 Ian 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

使用 jQuery 。您需要捕获 click 事件，然后继续访问该网站。

 $("#myHref").on('click', function() {
  alert("inside onclick");
  window.location = "http://www.google.com";
});

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" id="myHref">Click me</a>

原文由 Sudipta Chatterjee 发布，翻译遵循 CC BY-SA 3.0 许可协议