Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ssh/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript:JavaScript中的mouseenter事件?_Javascript_Mouseevent_Mouseover_Mouseenter - Fatal编程技术网

JavaScript:JavaScript中的mouseenter事件?

JavaScript:JavaScript中的mouseenter事件?,javascript,mouseevent,mouseover,mouseenter,Javascript,Mouseevent,Mouseover,Mouseenter,javascript中是否有鼠标输入事件(仅javascript,请不要使用jQuery) 当我这样做时,它不会给出响应 window.onload = initAll; function initAll(){ if(window.addEventListener){ document.getElementById('container').addEventListener( 'mouseenter', freeze , false); } } function

javascript中是否有鼠标输入事件(仅javascript,请不要使用jQuery)

当我这样做时,它不会给出响应

window.onload = initAll;
function initAll(){
    if(window.addEventListener){
        document.getElementById('container').addEventListener( 'mouseenter', freeze , false);
    }
}

function freeze(){
    console.log("mouse entered")    
}
有人能给我解释一下“mouseenter”和“mouseover”的区别吗?“mouseover”是“mouseenter”的替代品吗


谢谢你的帮助

不要在MouseCenter上使用
onMouseCenter
,因为它是针对IE的

…当鼠标进入元素的边界时,OnMouseCenter和onmouseover都会触发。但是,如果鼠标进入第一个元素中的子元素,OnMouseCenter不会再次启动(不会冒泡)

在MouseOver上尝试以下操作:

yourObject.onmouseover=function()
    {
        //SomeJavaScriptCode
    };

查看有关javascript鼠标事件的一些好信息。

鼠标悬停在某个对象上时使用鼠标悬停。单击鼠标时将使用鼠标输入(或鼠标向下)。可以找到javascript事件的完整列表

毫无疑问,Mouseover是mouseenter的替代品。它提供了访问任何dom元素的UI控制。 请参阅此以了解进一步的解释

如果使用jQuery,请使用
mouseenter
mouseleave
而不是
mouseover
mouseout


如果您以上面的示例为例,边框内的所有内容都是一个元素,让我们调用左边带有单词“Name”的元素#A.
mouseenter
仅当您在边框内移动鼠标时才会触发#A.
mouseover
另一方面,当您进入边框时会触发,再次当您将鼠标移过“1”后面的灰色背景时,以及再次当您将鼠标移到单词“Name”上时。如果希望事件触发一次,请使用
mouseenter

哦,真的吗?我想我们不需要支架,伙计!大多数情况下,您可以通过将此代码放入
mouseover
处理程序来模拟IE的
mouseenter
if(this!==event.target){return}
这并不能涵盖所有情况。我想完全修复是很容易的,但我不记得我到底是怎么想的。所以,没有办法在其他浏览器上使用“mouseenter”吗?显然不是根据那篇文章。不管怎样,我通常在mouseover上使用
onmouseover
。根据我的第一个链接中的第一个答案,如果您使用的是jQuery,您可以使用onmouseenter。该页面说“Firefox在第10版(2012年1月)开始支持OnMouseCenter,Chrome在第30版(2013年10月)开始支持它”,但mouseover会一次又一次地启动吗?如何防止这种情况发生?您可以为that@RachelGallen我不知道你在说什么。。你能给我一些课程/教程链接吗?基本上你在同一时间编写了一个onmouseout…来否定onmouseover@RachelGallen谢谢如果你阅读了你发布的链接上的内容,你会发现mouseenter与点击无关