在一個<div>元素如何優先處理 href 和 onClick 調用？

Question

我有一個代碼，點擊文件名，文件被下載（進行后端調用），並且需要重新加載商店以跟蹤此文件下載事件（再次通過后端調用）。

'<div id ="myId"> <a  onClick="reloadStore()" href="/downloadFile/' + fileId + '.pdf" > MyFileName</a></div>'

reloadStore = function(){
//do something
}

我希望在進行 onClick 調用之前進行文件下載調用。 我什至嘗試按如下方式編寫代碼，但仍然得到相同的結果。

'<div id ="myId"> <a  href="/downloadFile/' + fileId + '.pdf" > MyFileName</a></div>'

Ext.get('myId').on('click', function(eventObj, elRef) {
                        //do something 
                    });

href 調用如何先於 onClick 調用？

Answer 1

你必須做一個簡單的延遲：

Ext.get('myId').on('click', function() {
}, null, { delay: 1 });

這會將處理程序放入異步 setTimeout 中，然后將在當前 javascript 線程執行后執行。