我有一个由 Flexbox 制作的分离器，效果非常好( plunker ):用户可以轻松拖动分离器，即使它非常薄。而且分离器的 Action 相当平稳，没有跳动。此外，代码很轻。
但是，它在 <iframe> 方面遇到了麻烦。或<object> (new plunker with a iframe)。当我们将靠近 iframe 的分割器部分快速向右拖动时，我们会看到鼠标不是 <->不再是这样，而是成为 iframe 上的普通鼠标图标。
我添加了console.log(e.pageX)在script.js 。表明对于上述情况，这个数字更新得不太好。那么有人有替代方案吗？
否则，有人可以为我的分离器提供全局解决方案吗？
分线器无处不在，但很难找到一个薄且拖动顺畅的分线器的完整解决方案...有人有什么建议吗？
PS:Chrome版本:版本57.0.2987.110(64位)； macOS 塞拉利昂 10.12.3
最佳答案
我找到了这个帖子和 this answer ，这是一个轻解决方案。我已经为框架分配了一个 id myiframe ，并添加到 mousedown 中:
$('#myiframe').css('pointer-events', 'none');
然后在mouseup中:
$('#myiframe').css('pointer-events', 'all');
关于javascript - 拆分器不适用于 <iframe> 或 <object>，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43015019/