Question

假设我有这个：

<body>
<input type="text" onblur="myFunction()" />

<... rest of page ...>

</body>


<script type="text/javascript">

    function myFunction()
    {
        //this function alerts over what element your mouse is when the input loses focus
    }
</script>

有人知道如何实现这个吗？

Answer 1

您可以跟踪鼠标悬停在哪个元素上，如下所示：

<input type="text" id="myInput" onblur="myFunction()" />

var input = document.getElementById('myInput'), // Get the input element
    focus;

input.onmouseover = input.onfocus = function(){focus = true;}; // Set focus to true if the input gains focus
input.onmouseout = input.onblur = function(){focus = false}; // Set focus to false if the input loses focus

document.body.onmousemove = function(e){
    if(!focus){ // Only log the target is the input doesn't have focus
        console.log(e.target); //Log the current element the mouse is hovering over.
    }
};

据我所知，没有准确的方法可以检查"mouseleave"或"blur"事件中鼠标的当前目标，因为这些函数的event.target将指向元素鼠标刚刚离开，而不是鼠标当前悬停的元素。

修改
我添加了一些代码，因此它仅在输入没有焦点时才会记录。

当我失去对输入元素的关注时，如何检查我的鼠标是什么元素

1 个答案: