首頁  >  文章  >  web前端  >  jQuery:當滑鼠快速移動時無法觸發mouseleave事件的問題解決

jQuery:當滑鼠快速移動時無法觸發mouseleave事件的問題解決

黄舟
黄舟原創
2018-05-15 11:41:553356瀏覽

由於頁面元素是動態產生的p,對其註冊了mouseenter 和mouseleave事件,以達到滑鼠移入就彈出一個浮層顯示詳情,滑鼠移出後就隱藏掉,但是當快速滑動滑鼠時,mouseleave事件就沒有被觸發,彈出的浮層就一直存在,很糾結怎麼處理~求大神指導
程式碼如下:

 $('.table').on('mouseenter','a',function(){
        //ajax请求查出鼠标移入的元素对应的详情,构造一个p
                $(tpl).insertAfter(item);
    });
     
    $('.table').on('mouseleave','a',function(){
        $(this).siblings('.tips').remove();
    });
$("ele").stop()

停止所有在指定元素上正在運行的動畫
如果佇列中有等待執行的動畫(且clearQueue沒有設為true),他們會馬上執行

$(tpl).stop().insertAfter(item);

以上是jQuery:當滑鼠快速移動時無法觸發mouseleave事件的問題解決的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn