今天在做一个网页拖动div的需求的时候刚好遇到底下一层有个iframe
正常拖动是没有问题的,但是当拖动经过iframe的时候会明显卡顿并且把div丢掉的情况
究其原因是因为iframe也接收了鼠标事件,引起了调用变慢
解决办法是把这个iframe的事件全部取消,当移动完成后恢复这个iframe的事件监听就可以了
//阻止底层的iframe接收事件
var iframDiv = document.getElementById("gameFrameparent");
iframDiv.style.pointerEvents = "none";
iframDiv.style.pointerEvents = "auto";