مشكلة mouseout jQuery

https://stackoverflow.com/questions/2575300

24-09-2019
|

سؤال

HTML الخاص بي

<div id="parent">
<div id="child">cx</div>
</div>

عندما أستخدم jQuery

 $('#parent').mouseout(function(){
//something here
});

أتساءل لماذا عندما يدخل الماوس الخاص بي إلى الطفل يطلق النار على الوظيفة. ما زلت داخل الوالدين Div. أريد أن تطلق وظيفة الماوس هذه فقط عندما أترك الوالد Div ليس عندما أكون على أي طفل Div

http://jsbin.com/esiju/ << مثال

هتافات

المحلول

هذا ما mouseleave الحدث هو.

$('#parent').mouseleave(function(){
//something here
});

http://api.jquery.com/mouseleave/

نصائح أخرى

.mouseleave يعمل هنا تمامًا:

$("#parent").mouseleave(function(){
    //Enter stuff that should happen when mouse leaves 
    //the boundaries of the parent element
    // NOT including the children
});

.mouseout حرائق على mousing على عناصر الطفل!

يبدو أن هناك بعض الفرق بين أحداث الفأرة والفوقية. لدى Jimyi الحل الصحيح لمشكلتك ، أردت فقط تضمين بعض الروابط الإضافية للاكتمال.

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow