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

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 个解决方案

解决方案1
4 已采纳 2013-01-04 09:37:39

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

问题描述

1 个解决方案

解决方案1 4 已采纳 2013-01-04 09:37:39

解决方案1
4 已采纳 2013-01-04 09:37:39