javascript - 如何修改浏览器的a标签属性的默认触发机制？-PHP中文网问答

过去多啦不再A梦2017-07-01 09:14:15 9楼

$('a').click(function(e) {

e.preventDefault()

var _ = $(this)
$.get(xx, function() {

location.href = _.attr('href')

});
})

赞 +0

添加回复

淡淡烟草味2017-07-01 09:14:15 8楼

$('a').click(function() {
  var link = this
  $.get(xx, function() {
    location.href = link.href 
  });
  return false // 阻止先不跳转
})

赞 +0

添加回复

曾经蜡笔没有小新2017-07-01 09:14:15 7楼

在onclick里面使用js跳转页面
//ajax start
success:function(){

//todo。。。。。

window.location.href = 'url'

}

赞 +0

添加回复

怪我咯2017-07-01 09:14:15 6楼

1、禁止a标签跳转 href="javascript:void(0)"
2、在onclick方法中请求ajax，成功后，将返回值绑定到href上

赞 +0

添加回复

typecho2017-07-01 09:14:15 5楼

为什么不先不给href赋值，等请求完了再跳转？

赞 +0

添加回复

欧阳克2017-07-01 09:14:15 4楼

1、禁止a标签跳转 href="javascript:void(0)"
2、其他的在onclick方法中进行

赞 +0

添加回复

天蓬老师2017-07-01 09:14:15 3楼

浏览器所有的是有的默认事件的禁用，都可以用 event.preventDefault() 来阻止，剩下的在你的回调函数里，你可以任意的去操作, 当然如果你需要兼容IE8及以下，可以兼容写法如下：

// event 为你的监听onclick回调函数中传递的参数
event.preventDefault ? event.preventDefault() : (event.returnValue = false);

赞 +0

添加回复

曾经蜡笔没有小新2017-07-01 09:14:15 2楼

久等了，请食用

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <a href="" target="_blank">click</a>
    <script>
        function aTagCustomEvent(e) {
            var tag = e.target;

            //setTimeout模拟异步的ajax请求,时间间隔假设为1秒
            setTimeout(function() {
                tag.href = 'xxx';
                tag.onclick = function() {};
                tag.click();
                tag.onclick = aTagCustomEvent;
            }, 1000)
            return false;
        }

        //为页面中所有a标签设置onclick事件
        var aTags = [].slice.call(document.getElementsByTagName("A"));
        aTags.forEach(function(tag) {
            tag.onclick = aTagCustomEvent;
        })

    </script>
</body>

</html>

赞 +0

添加回复

为情所困2017-07-01 09:14:15 1楼

<a href="javscript:;" onclick="doSomething(this);">

function doSomething(obj) {
    if($(obj).attr("href") === "javscript:;") {
        // ... ajax get and set url
        $(obj).attr("target", "_blank").trigger("click");
    }
}

赞 +0

添加回复