javascript - 1 最终鼠标移出在禁用指针事件后触发

Question

我的场景是在 div 上监听“点击”和“鼠标移开”事件。当点击事件触发时，一个类被添加到 div 以禁用指针事件。除了在禁用指针事件后将触发 1 个最终的“mouseout”事件外，此方法有效。有什么想法为什么/如何解决？

http://codepen.io/BradLee/pen/grzrOz

/* style */
.nopointer{
    pointer-events: none;
}


let div = document.querySelector(`div`);

div.onclick = function() {
    console.log('click!');
    div.classList.add(`nopointer`);

};

div.onmouseout = function() {
  console.log('mouseout!');
};

Answer 1

我认为您将鼠标样式的指针与实际触发的事件混淆了。

看起来您所做的只是隐藏鼠标指针。如果您想禁用单击或鼠标事件，您必须通过附加事件监听器来实现。监听事件并添加

document.on("mouseleave","#elementid",function(e){
    e.preventDefault();
}

如果你正在使用 jQuery