JavaScript:JavaScript中的mouseenter事件?
javascript中是否有鼠标输入事件(仅javascript,请不要使用jQuery) 当我这样做时,它不会给出响应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
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与点击无关