JavaScript-a标签中,onclick如何调用一个Js函数而不跳转

发布于 2017-01-11 21:07:57 字数 140 浏览 1179 评论 3

<a href="" onclick="My_fuction;return false">
其中href的值需要调用,必须保留,如何做到点击页面不会跳转,而是调用Js函数My_function。我在后边加的return false但是依然会跳转

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

清晨说ぺ晚安 2017-09-19 16:09:11

function My_fuction(event){
//阻止默认动作
if(document.attachEvent){
event.returnValue = false;
}else{
event.preventDefault();
}

/***
code
**/
}

浮生未歇 2017-08-07 03:48:58

想要达到你说的效果其实就是将a标签的默认行为给return false掉,不允许它执行,那么其实可以像下面这么写:

<html>
<head>
<script type="text/javascript">
function notRun(){
My_function();
return false;
}
</script>
</head>
<body>
<a href="" onclick="return notRun();">点我不会跳转</a>
</body>
</html>

大概意思就是,先定义好一个函数,这个函数的功能就是 执行你自己定义的函数并且返回一个false,紧接着在不需要跳转的a标签中直接return这个函数,a标签的默认行为会被消除,并且你自己定义的函数也会被执行了。

==========3月26日 更新代码如下==========

<html>
<head>
<script type="text/javascript">
function My_function(address){
//do anyting you want
//执行完需要的功能再将页面跳转到href中指定的链接
window.location.href=address;
}
//notRun函数用于接收超链接地址并将其传入需要执行的函数My_function之中,再返回false将默认行为清除
function notRun(address){
My_function(address); //向自定义函数传值
return false; //清除默认行为
}
</script>
</head>
<body>
<!--在超链接中添加onclick事件并将超链接地址传入notRun函数-->
<a href="yourLinkAddress" onclick="return notRun(this);">点我不会跳转</a>
</body>
</html>

这样应该更加清楚明了了,希望能有帮助

归属感 2017-04-22 04:59:18

href 里面的内容有要求不?如果没要求,写上href='javascript:;'试试呢

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文