Splitter不适用于<iframe>或<object>

时间:2017-03-25 10:02:49

标签: javascript jquery iframe mouseevent splitter

我有一个灵活的分离器,运行良好( plunker ):用户可以轻松拖动分离器,即使它非常薄。并且分离器的运动非常平滑而没有跳跃。此外,代码很轻。

&#xA;&#xA;

但是,&lt; iframe&gt; &lt; object&gt; 带有iframe的新plunker )。当我们将iframe 附近的分割器部分快速拖到右侧时,我们将看到鼠标不再是&lt; - &gt; ,而是成为普通的鼠标图标iframe。

&#xA;&#xA;

我在 script.js 中添加了 console.log(e.pageX)。它表明,对于上述情况,此数字不能很好地更新。那么有没有人可以替代呢?

&#xA;&#xA;

否则,是否有人为我的分离器提供全局解决方案?

&#xA;&#xA;

分离器无处不在,但很难找到一个完整的分离器解决方案,它可以轻薄且平滑地拖动......有没有人有任何建议?

&#xA;&#xA;

PS: Chrome版本:版本57.0.2987.110(64位); macOS Sierra 10.12.3

&#xA;

1 个答案:

答案 0 :(得分:1)

我找到了这个帖子和this answer,这是一个很好的解决方案。我已为该框架分配了一个ID myiframe,并添加到mousedown

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

然后在mouseup

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

这是a working plunker