blocks|key|197759|text|您已经拥有了所需的内容，只需稍作语法更改：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|197760|<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>|code-block|syntax|javascript|197761|<a>标记的onclick和href属性的默认行为是执行onclick，然后遵循href，只要onclick没有返回false，就取消事件(或者事件没有被阻止)|offset|length|style|CODE|197762|entityMap^0|0|0|0|3|6|7|E|4|S|7|14|4|1B|7|1M|5|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]|$I|V|J|W|K|L]|$I|X|J|Y|K|L]|$I|Z|J|10|K|L]|$I|11|J|12|K|L]|$I|13|J|14|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|N|$]]

<p>You already have what you need, with a minor syntax change:</p>

<pre><code>&lt;a href="www.mysite.com" onclick="return theFunction();"&gt;Item&lt;/a&gt;

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

<p>The default behavior of the <code>&lt;a&gt;</code> tag's <code>onclick</code> and <code>href</code> properties is to execute the <code>onclick</code>, then follow the <code>href</code> as long as the <code>onclick</code> doesn't return <code>false</code>, canceling the event (or the event hasn't been prevented)</p>


blocks|key|2826463|text|使用jQuery。您需要捕获click事件，然后转到网站。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2826464|​|2826465|$("#myHref").on('click',+function()+{
++alert("inside+onclick");
++window.location+=+"http://www.google.com";
});|code-block|syntax|javascript|2826466|<script+src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a+href="#"+id="myHref">Click+me</a>|2826467|2826468|entityMap|0|LINK|mutability|MUTABLE|url|http://jquery.com/^0|E|5|2|6|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@$9|10|A|11|1|12]]|E|$]]|$1|F|3|G|5|6|7|13|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|14|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|J|7|15|8|@]|D|@]|E|$K|L]]|$1|O|3|G|5|6|7|16|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|Q|$R|$5|S|T|U|E|$V|W]]]]

<p>Use <a href="http://jquery.com" rel="nofollow noreferrer">jQuery</a>. You need to capture the <code>click</code> event and then go on to the website.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$("#myHref").on('click', function() {
  alert("inside onclick");
  window.location = "http://www.google.com";
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;a href="#" id="myHref"&gt;Click me&lt;/a&gt;</code></pre>
</div>
</div>
</p>


blocks|key|3039334|text|要实现此目的，请使用以下html：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3039335|<a+href="www.mysite.com"+onclick="make(event)">Item</a>

<script>
++++function+make(e)+{
++++++++//+...++your+function+code
++++++++//+e.preventDefault();+++//+use+this+to+NOT+go+to+href+site
++++}
</script>|code-block|syntax|javascript|3039336|这是working+example。|offset|length|3039337|entityMap|0|LINK|mutability|MUTABLE|url|https://jsfiddle.net/qe9g8s5h/14/^0|0|0|2|F|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

<p>To achieve this use following html:</p>

<pre class="lang-html prettyprint-override"><code>&lt;a href="www.mysite.com" onclick="make(event)"&gt;Item&lt;/a&gt;

&lt;script&gt;
    function make(e) {
        // ...  your function code
        // e.preventDefault();   // use this to NOT go to href site
    }
&lt;/script&gt;
</code></pre>

<p>Here is <a href="https://jsfiddle.net/qe9g8s5h/14/" rel="noreferrer">working example</a>.</p>


blocks|key|200300|text|用ng-click代替onclick。就这么简单：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|200301|<a+href="www.mysite.com"+ng-click="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>|code-block|syntax|javascript|200302|entityMap^0|1|8|B|7|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

<p>Use <code>ng-click</code> in place of <code>onclick</code>. and its as simple as that:</p>

<pre><code>&lt;a href="www.mysite.com" ng-click="return theFunction();"&gt;Item&lt;/a&gt;

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


blocks|key|197785|text|不需要jQuery。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|197786|Some+people+say+using+onclick+is+bad+practice...|offset|length|style|CODE|197787|此示例使用纯浏览器javascript。默认情况下，click处理程序似乎会在导航之前进行计算，因此如果愿意，您可以取消导航并执行自己的导航。|197788|<a+id="myButton"+href="http://google.com">Click+me!</a>
<script>
++++window.addEventListener("load",+()+=>+{
++++++++document.querySelector("#myButton").addEventListener("click",+e+=>+{
++++++++++++alert("Clicked!");
++++++++++++//+Can+also+cancel+the+event+and+manually+navigate
++++++++++++//+e.preventDefault();
++++++++++++//+window.location+=+e.target.href;
++++++++});
++++});
</script>|code-block|syntax|javascript|197789|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/5871640/why-is-using-onclick-in-html-a-bad-practice^0|0|M|7|0|1C|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@$D|10|E|11|1|12]]|A|$]]|$1|H|3|I|5|6|7|13|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|14|8|@]|9|@]|A|$M|N]]|$1|O|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

<p>No jQuery needed.</p>

<p><a href="https://stackoverflow.com/questions/5871640/why-is-using-onclick-in-html-a-bad-practice">Some people say using <code>onclick</code> is bad practice...</a></p>

<p>This example uses pure browser javascript. By default, it appears that the click handler will evaluate before the navigation, so you can cancel the navigation and do your own if you wish.</p>

<pre class="lang-html prettyprint-override"><code>&lt;a id="myButton" href="http://google.com"&gt;Click me!&lt;/a&gt;
&lt;script&gt;
    window.addEventListener("load", () =&gt; {
        document.querySelector("#myButton").addEventListener("click", e =&gt; {
            alert("Clicked!");
            // Can also cancel the event and manually navigate
            // e.preventDefault();
            // window.location = e.target.href;
        });
    });
&lt;/script&gt;
</code></pre>


<p>I'd like to ask about HTML tag </p>

<pre><code>&lt;a href="www.mysite.com" onClick="javascript.function();"&gt;Item&lt;/a&gt;
</code></pre>

<p>How to make this <strong>a</strong> tag working with <strong>href</strong> and <strong>onClick</strong>? (prefer onClick running first then href)</p>


HTML tag <a> want to add both href and onclick working

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我想问一下关于HTML标签的事<a href="www.mysite.com" onClick="javascript.function();">Item</a>如何让这个成为与href和onClick协同工作的标签？(优先运行onClick，然后运行href)

问HTML标签<a>想要添加href和onclick工作
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML标签<a>想要添加href和onclick工作EN