拆分器不适用于 <iframe> 或 <object>

Question

我有一个 flexbox 拆分器，效果很好 (plunker)：用户可以轻松拖动拆分器，即使它很薄。而且分流器的运动相当流畅，没有跳跃。此外，代码很简单。

然而，<iframe> 或 <object> (a new plunker with a iframe) 有问题。当我们将iframe附近的分割线快速向右拖动时，我们会看到鼠标不再是<->，而是变成了iframe上的普通鼠标图标。

我在script.js中添加了console.log(e.pageX)。它表明对于上述情况，这个数字更新不好。那么有人对此有替代方案吗？

否则，有没有人对我的分离器有全局解决方案？

分离器无处不在，但很难找到一个完整的分离器解决方案，它又薄又滑，可以拖...有人有什么建议吗？

PS: Chrome 版本：版本 57.0.2987.110（64 位）； macOS 塞拉利昂 10.12.3

Answer 1

我找到了这个线程和 this answer，这是一个简单的解决方案。我已经为框架分配了一个 id myiframe，并添加了 mousedown:

$('#myiframe').css('pointer-events', 'none');

然后在 mouseup:

$('#myiframe').css('pointer-events', 'all');

这里是 a working plunker。