div拖動遇到iframe卡頓的問題解決

不吃喵乾的魚哥發表於2020-10-15

今天在做一個網頁拖動div的需求的時候剛好遇到底下一層有個iframe

正常拖動是沒有問題的,但是當拖動經過iframe的時候會明顯示卡頓並且把div丟掉的情況

究其原因是因為iframe也接收了滑鼠事件,引起了呼叫變慢

解決辦法是把這個iframe的事件全部取消,當移動完成後恢復這個iframe的事件監聽就可以了

    //阻止底層的iframe接收事件
    var iframDiv = document.getElementById("gameFrameparent");
    iframDiv.style.pointerEvents = "none";
     iframDiv.style.pointerEvents = "auto";

相關文章