我有这个HTML
我想将mouSEOver和mouSEOut事件添加到父元素,但问题是当光标悬停子elemet时它会触发mouSEOut事件,尽管它仍然在父元素内部.
我怎么能避免这种情况让mouSEOut事件只在光标离开父项时触发.
$(body).on('mouSEOver','.parent',function(){ /* do somthing */});
$(body).on('mouSEOut',function(){ /* do another somthing */});
最佳答案
使用mouseenter和mouseleave代替mouSEOver和mouSEOut,这将解决您的问题.
$(document).on('mouseenter',function(){
console.log("Mouse Enter");
});
$(document).on('mouseleave',function(){
console.log("Mouse Leave");
});
不要使用stopPropagation()因为The Dangers of Stopping Event Propagation.
