包括 href 和 onclick to HTML <a> 标记

2022-08-30 02:38:40

如果我有这个元素:

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

我怎样才能同时做到这两点并工作,最好先跑步?hrefonClickonClick


答案 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>onclickhrefonclickhrefonclickfalse


答案 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>