将 jquery 事件附加到不包括具有类的子元素的元素

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 的组合，但似乎没有任何效果。

编辑：感谢建议的重复问题和否决，但我看不出它如何适用于我的问题。

Answer 1

这是你的意思吗？此代码将事件附加到父级，但取决于悬停的元素，它的行为会有所不同。在这种情况下，如果它有子类。

    $(".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