Question

我有这样的元素：

<div class="parent">
  <div class="one"></div>
  <div class="two"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="three">
    <div class="four">
      <div class="child"></div>
      <div class="five"></div>
    </div>
  </div>
</div>

是否可以将'mousemove'事件应用于“.parent”，这不会通过可能不是直接后代的“.child”元素触发？

我尝试过.children，.not的组合，但似乎没有任何效果。

编辑：感谢您提出重复的问题和downvote，但我看不出它如何适用于我的问题。

Answer 1

这是什么意思？此代码将事件附加到父级，但依赖于悬停的元素，它将采取不同的行为。在这种情况下，如果它有类child。

    $(".parent").on('mousemove', function(e){
         console.log(e);
         if(e.target.className === 'child'){
             console.log('do nothing, this has child class')
         } else {
             console.log('do whatever, this does not have the child class')
         }
    });

这里也是一个jsfiddle jsfiddle

将jquery事件附加到不包含类的子元素的元素

1 个答案: