首頁 > web前端 > js教程 > 主體

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

黄舟
發布: 2018-05-15 11:41:55
原創
3402 人瀏覽過

由於頁面元素是動態產生的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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板