javascript - 你怎么 "bypass"mouse up？

Question

我正在努力做到这一点，以便当用户点击时发生这种情况。

按顺序，

Does something. (Not being specific, this isn't the important part.)

Mouse up is triggered.

使用: Angular 、html、css。不使用:jQuery

有什么建议吗？谢谢!

Answer 1

您附加了两个事件监听器，一个是在用户按下鼠标 mousedown 时。一旦用户放手，就会触发 mouseup 事件。所有鼠标事件监听器都传递了一个 event 对象，您可以使用它来获取有关事件的信息，即:鼠标 x 和 y 位置。可用的方法之一是 event.preventDefault()这将停止浏览器做它通常想做的事情。示例:cmd/ctrl + s 将导致浏览器保存 html 页面。 preventDefault 将阻止它。

document.addEventListener('mousedown' function (event) {
    // Do something
})
document.addEventListener('mouseup', function (event) {
    event.preventDefault()
})

解决 OP 评论:

var noMouseUp = true
document.addEventListener('mousedown', function () {
  if (noMouseUp) {
      // do something
      noMouseUp = false
  }
})
document.addEventListener('mouseup', function (event) {
 if (!noMouseUp) {
    noMouseUp = true
 }

})