javascript - How to modify the default triggering mechanism of the browser's a tag attribute?-PHP Chinese Network Q&A

It is known that the execution order of a tag is onclick->href attribute

当点击浏览器a标签的时候，浏览器的默认机制如下： 1、触发a的click事件 2、读取href属性的值 3、如果是URI则跳转 4、如果是javascript代码则执行该代码

How to change this mechanism so that when the onclick event is completed, the URL that executes the href attribute will jump. The function in the onclick event sends an ajax request and performs the href attribute according to the return value. Modified

After modifying the href attribute, you need to open a new page in the current browser

update------------------------2017.06.30------------------ ------------------

After testing, the ajax request was modified to be executed synchronously, but it still failed to complete the onclick function of the a tag and then execute the href action

The reason may be that ajax is modified to a synchronous request, which will block other operations on the current page.

But the click of the a tag has been completed, and the subsequent href action continues to be executed, and the href action is void(0) at this time, and the ajax request has not returned yet

Back, that is to say, the ajax synchronization request does not block the action of the a tag

Looking forward to better answers

Document click

reply all (9)

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

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

e.preventDefault()

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

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

});
})

Like+0

Add Reply

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

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

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

Use js to jump to the page in onclick
//ajax start
success:function(){

//todo。。。。。 window.location.href = 'url'

}

刘奇2017-07-01 09:14:15 6 floor

1. Prohibit a tag from jumping href="javascript:void(0)"
2. Request ajax in the onclick method. After success, bind the return value to href

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

Why not assign a value tohreffirst, and then jump after the request is completed?

学霸2017-07-01 09:14:15 4 floor

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

Peter_Zhu2017-07-01 09:14:15 3 floor

All default events in the browser can be disabled usingevent.preventDefault(). The rest is in your callback function, and you can do whatever you want. Of course, if you need to be compatible with IE8 and The following, compatible writing methods are as follows:

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

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

After a long wait, please eat

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

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