gpt4 book ai didi

javascript - 在不使用 contenteditable 的情况下防止选择在 Firefox 的 iframe 中变灰

转载 作者:可可西里 更新时间:2023-11-01 02:08:43 24 4
gpt4 key购买 nike

在 Firefox 3 及更高版本(可能还有更旧的版本)中,在 iframe 中选择内容似乎总是使用灰色选择背景颜色,用于当前没有焦点的文档,即使 iframe 确实有焦点。我能找到的唯一异常(exception)是 iframe 中的内容是可编辑的。这在其他浏览器中并非如此。这是一个说明这一点的例子:

http://jsfiddle.net/97Vjz/

不幸的是,这会阻止使用 ::-moz-selection 在 iframe 中设置选择样式CSS 伪元素,因为它只适用于非灰色选择:

http://jsfiddle.net/YYXSY/1/

我的问题是:使用 contenteditable/designMode 是否可以防止 iframe 的选择在 Firefox 中变灰?

更新

这似乎只发生在动态编写的 iframe 上:使用单独的文件和 src 属性可以解决问题。但是,我确实需要它来处理动态编写的 iframe。

最佳答案

我只是尝试用“真实”页面重现问题作为 iframe 内容,然后它按您想要的方式工作:蓝色选择! (FF 5.0)

参见:http://jsfiddle.net/97Vjz/8/

好像只有生成的内容有这个问题,所以你可以制作一个生成内容的页面(php/asp(x))来规避这个问题。

使用 javascript 生成内容的另一种解决方案是使用 src="javascript:'<html />'" 加载它(实际上这是 Tim 从下面的评论中得出的自己的解决方案。)

一个简单的示例脚本:http://jsfiddle.net/97Vjz/9/

 iframe.src='javascript:\'<html><body>' + content + '</body></html>\'';

关于javascript - 在不使用 contenteditable 的情况下防止选择在 Firefox 的 iframe 中变灰,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6730814/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com