onmousemove如何跨过iframe这座大山

611 阅读1分钟

场景

问题:当一个div中嵌入一个iframe,我们又需要对这个div进行放大缩小或者拖拽时,在外层document中会设置onmousemove事件来监听鼠标移动。当鼠标移动至iframe中时,无法监听onmousemove事件。

解决方法

  1. 在onmousedown事件中设置iframe样式:iframe.css('pointer-events', 'none');
  2. 在onmouseup事件中设置iframe样式:iframe.css('pointer-events', 'auto');