html - IE8 阻止具有宽度/高度的元素在悬停内部文本之前不检测鼠标悬停

Question

在 IE8 中，具有设置宽度/高度的 block 元素将正确显示，但鼠标事件和链接仅适用于该元素内的文本。鼠标悬停在元素内部的文本悬停之前不会被检测到。如果它是一个链接，那么只有文本是可点击的。如果我删除文档类型(将其发送到怪癖模式)，它可以正常工作，但会破坏网站上的很多样式。有什么方法可以让它正常工作吗？

Answer 1

传统的鼠标事件有很多问题。我强烈推荐使用 JQuery 的 mouseenter() 和 mouseleave() 事件。他们遍历 dom 以确保鼠标确实在所讨论的对象之内或之外。甚至还有绑定(bind)事件的简写；您可以使用便捷方法 hover() 将两个事件同时绑定(bind)到一个元素，如下所示:

$( "#some-element" ).hover(
  function(){
   // mouse is inside the element
  },
  function(){
   // mouse is outside the element
  }
);

Check it out

希望这对您有所帮助。