javascript - 如何在按下鼠标按钮时触发 `onMouseEnter`？

Question

如何让 JavaScript 触发 onMouseEnter -目标事件<div> -元素，而另一个拖动<div>输入元素(按下鼠标按钮)？

由于多种原因，我无法使用 onDrag...事件...

示例:https://jsfiddle.net/5dgnez9e/3/

Answer 1

您应该监听文档中的 mousedown 和 mouseup 并将鼠标状态存储在全局变量上，然后您可以检查 mouseenter 事件状态的元素

$(document).ready(function(){
    var mouseClicked = false;
    document.body.onmousedown = function() { 
      mouseClicked = true;
    }

    document.body.onmouseup = function() {
      mouseClicked = false
    }

    $(".element").on("mouseenter",function(){
        if(mouseClicked){
            console.log("entered");
        }
    });
});

您可以查看此 fiddle 的工作示例