javascript - 即使拖动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);

})