javascript - jquery 如何让a标签不执行跳转?
天蓬老师
天蓬老师 2017-04-10 17:10:14
[JavaScript讨论组]

正常情况下,我给a标签的href 添加jacascript:; 就可以阻止它的点击事件
但是这次我是拿到了一个函数,我无法修改里面的href。因为我需要href的地址做ajax加载。
请问我如何设置才能让这个href执行onclick事件而不跳转呢?

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(8)
黄舟
             var _this = $(this);
             var subHref = _this.attr('href');
             e.preventDefault();           
             $.ajax({
                 url: '1.html',
                 data: formVal,
                 type: post,
                 dataType: 'json',
                 success: function(res) {
                     if (res.code == 200) {
                         location.href = subHref;
                     } else {
            
                     }
                 }
                 error: function() {
            
                 }
             });
PHP中文网

href="javascript:;" onclick="myfunction("http://shabi.com")"

这样写不就行了,地址非要写在href里吗
做函数参数传递吧

PHPz

$(“a”).on("click",function(){

return false;
//想干嘛,干嘛

})

高洛峰

js有个阻止默认行为的函数
e.preventDefault();
你试试可以嘛

大家讲道理

其实点击a标签会跳转,是因为点击触发的函数默认返回true,因此当修改onclick函数的返回值为false时,将不会跳转。

var a=document.getElementById("a_id");
a.onclick=function(e){

//do something for myself
return false;
}

大家讲道理

执行函数只写return也可以不执行的

var a=document.getElementById("a_id");
a.onclick=function(e){
return;
}
阿神

在click事件里,直接

return false;

即可

PHP中文网
<a href="javascript:"></a>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号