FCKEditor 打开页面总是得到焦点问题处理 FCKConfig.StartupFocus=false;

发布于 2022-10-15 09:11:53 字数 1666 浏览 20 评论 0

转:茶海

FCKEditor 打开页面总是得到焦点问题处理 FCKConfig.StartupFocus=false;

fckconfig.js 配置文件中的 “FCKConfig.StartupFocus=false;”设置,在FCKEditor编辑器在新窗口中打开是有效的,但是如果FCKEditor编辑器所在页面内嵌在一个框架页面中打开时,这个设置就会失去作用,每次打开页面都会自动到焦点定位到FCKEditor编辑器,当页面较长时,这是很让人心烦的。

不得已,只好使用一些小技巧解决这个问题。

以下是FCKEditor编辑器内嵌到页面的代码

  1. <input id="content___Config" type="hidden" />
  2. <iframe id="content___Frame" frameborder="0" height="300" scrolling="no" src="../Res/FCKEditor/fckeditor.html?InstanceName=content&Toolbar=Default"  width="100%"></iframe>

复制代码我们在页面底部添加以下JS代码,先把FCKEditor编辑器隐藏起来,然后过一秒后显示FCKEditor编辑器,这样就可以达到一打开页面不让FCKEditor编辑器得到焦点的目的,实现原理是:因为刚打开时,FCKEditor编辑器没有显示,所以无法得到焦点,在自动设置焦点的代码执行过后,再显示,FCKEditor编辑器就不会得到焦点了。

  1. <script>
  2. document.getElementById("content___Frame").style.display="none";
  3. function pageFocus(){
  4. document.getElementById("content___Frame").style.display="block";
  5. }
  6. setTimeout("pageFocus()",1000);
  7. </script>

复制代码以下代码也可以,但是页面会抖动,所以不太满意。

  1. <script>
  2. function pageFocus(){
  3. window.scrollTo(0,0);
  4. }
  5. setTimeout("pageFocus()",1000);
  6. </script>

复制代码

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文