javascript - 使 iframe 中的文本不可选择

Question

在这个 stackoverflow 答案中，我发现了如何使文本无法选择，当在 div 和其他东西中使用时，它可以按预期工作。但是我无法让它在 iframe 中工作。

这是一个显示我的问题的 jsFiddleunselectable ，带有类的 div 内的文本确实无法按预期选择，但是网站上的 lorem ipsum 仍然可以选择，尽管具有相同的unselectable类

这是因为里面的元素不像里面那样iframe继承类吗？<p><div>

如果是这种情况，有没有办法使 iframe 中的任何文本都无法选择（html/css/javascript）？或者这只能从 iframe 内显示的页面的源代码中完成？

设置pointer-events: none也不是一个选项，因为按钮和东西仍然应该是可交互的

感谢您的时间。

-雷米

编辑：感谢您向我指出这个主题，这确实也适用于禁用选择。

标签： javascripthtmlcssiframe

Answer 1

这是因为跨域策略。一种解决方法（不美观）是 iframe 的 iframe（来自同一来源）并锁定用户选择。