Question

我只是想触发一个事件，在鼠标按键上应选择文本框并将其border-color更改为black。

如何确保mousedown仅事件mouseover事件被解雇？最初，它发生在mousedown上：它会拖动并被选中。

但在此之后mouseover会自动触发而不会点击mousedown函数。

这是我的代码：

var clicking = false;

$(document).on("mousedown", "[id^='text']", function () {

  $(document).on("mouseover", "[id^='text']", function () {
    $(this).css('border-color', 'rgb(0, 255, 0)');
  })

Answer 1

创建自定义mouseover event并在mousedown event

之后发送

var button = document.getElementById('button');
button.addEventListener('mousedown', mousedown, false);

var event = new Event('mouseover');
function mousedown(e) {
    //debugger;
    button.classList.add("mousedown");
    button.addEventListener('mouseover', mouseover, false);
    button.dispatchEvent(event);
}
function mouseover(e) {
    //debugger;
    button.classList.add("mouseover");
}

mousedown事件后鼠标悬停应该被解雇

1 个答案:

DEMO