即使將div拖動，如何執行onlick事件？

Question

我有一個div：

<div 
    id="up" 
    onmousedown="mousedown('url(/scanToUserBox/img/cpt_subfunc_005_prev_p.png)', this)" 
    onclick="changePage('up')">
</div>

當我按下它時，onmousedown被觸發，但是當我從按鈕上移開並刪除單擊時，不會觸發onclick事件。 如何在不使用onmouseout的情況下觸發它？ （不支持ondrag）

Answer 1

我建議將監聽器添加到div中。 然后可以像這樣使用它：

  //get div  
var div = document.getElementById('up');
//Define a funcion where you do what you want on mouse release.
//Remove the listener after you are done.
function up() {
    //console.log("up")
    //do stuff
    window.removeEventListener('mouseup', up);
}
div.addEventListener('mousedown', function (e) {
    //console.log("down");
    //Do stuff
    //Call mouseup when you are done with mouse down.
    window.addEventListener('mouseup', up);

})