首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >HTML标签<a>想要添加href和onclick工作

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

Stack Overflow用户
提问于 2013-02-14 11:56:41
回答 5查看 586.7K关注 0票数 147

我想问一下关于HTML标签的事

代码语言:javascript
复制
<a href="www.mysite.com" onClick="javascript.function();">Item</a>

如何让这个成为与href和onClick协同工作的标签?(优先运行onClick,然后运行href)

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2013-02-14 12:01:45

您已经拥有了所需的内容,只需稍作语法更改:

代码语言:javascript
复制
<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>标记的onclickhref属性的默认行为是执行onclick,然后遵循href,只要onclick没有返回false,就取消事件(或者事件没有被阻止)

票数 265
EN

Stack Overflow用户

发布于 2013-02-14 12:01:46

使用jQuery。您需要捕获click事件,然后转到网站。

代码语言:javascript
复制
$("#myHref").on('click', function() {
  alert("inside onclick");
  window.location = "http://www.google.com";
});
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" id="myHref">Click me</a>

票数 10
EN

Stack Overflow用户

发布于 2018-07-02 04:01:40

要实现此目的,请使用以下html:

代码语言:javascript
复制
<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>

这是working example

票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14867558

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档