div拖动遇到iframe卡顿的问题解决

今天在做一个网页拖动div的需求的时候刚好遇到底下一层有个iframe

正常拖动是没有问题的,但是当拖动经过iframe的时候会明显卡顿并且把div丢掉的情况

究其原因是因为iframe也接收了鼠标事件,引起了调用变慢

解决办法是把这个iframe的事件全部取消,当移动完成后恢复这个iframe的事件监听就可以了

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

你可能感兴趣的:(Html开发,div拖动,iframe卡顿,禁用div事件)