鼠标悬停父元素

我使用jQuery在包含许多子元素的元素上创建MouseOut事件.

选择 | 换行 | 行号
  1. <!-- simplified HTML -->
  2. <div id="wrapper">
  3.    <div id="child-1">... some content...</div>
  4.    <div id="child-2">... some content...</div>
  5. </div>
  6.  
选择 | 换行 | 行号
  1. // simplified JavaScript
  2. $("#wrapper").mouseout(function(){
  3.    alert("Hello World!");
  4. });
  5.  

因此,当我在包装器及其子组件上移动鼠标光标时,当我在子组件-1和子组件-2之间移动时,父组件的MouseOut事件被激发.
这是标准吗?我不记得当您将鼠标悬停在父母的孩子上时会触发MouseOut事件.我是不是忘了做什么事?有谁能唤醒我的记忆.

# 回答1


是的,这是标准行为,因为
鼠标悬停在上方

鼠标移出
捕获/冒泡.您可以使用非捕获/非冒泡
鼠标输入器

鼠标叶
取而代之的是.

标签: Javascript

添加新评论