JavaScript-a标签中,onclick如何调用一个Js函数而不跳转
<a href="" onclick="My_fuction;return false">
其中href的值需要调用,必须保留,如何做到点击页面不会跳转,而是调用Js函数My_function。我在后边加的return false但是依然会跳转
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
function My_fuction(event){
//阻止默认动作
if(document.attachEvent){
event.returnValue = false;
}else{
event.preventDefault();
}
/***
code
**/
}
想要达到你说的效果其实就是将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>
这样应该更加清楚明了了,希望能有帮助
href 里面的内容有要求不?如果没要求,写上href='javascript:;'试试呢