`
hite
  • 浏览: 51762 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

focus after selection ——ie和Firefox的差别

阅读更多

今天使用fckeditor做一个变量插入的功能,也就是点击按钮后,在fckeditor里插入相应的值。当然了,这段代码是插入textarea或者textfield的; function insertNotifyArgments(t){

[code="js"] var str = t.value;
var ubb=$('reccamTemplateVO.content');
var ubbLength=ubb.value.length;
ubb.focus();
if(typeof document.selection !="undefined"){
document.selection.createRange().text=str;
}else{
ubb.value=ubb.value.substr(0,ubb.selectionStart)+str+ubb.value.substring(ubb.selectionStart,ubbLength);
}

}

[code]
使用到这种可编辑的iframe里是不行。

 

搜索一圈又以下代码。

	function insertNotifyArgments(str){
		var wnd = $("reccamTemplateVO.content___Frame").contentWindow.document.getElementsByTagName("IFRAME")[0].contentWindow;
		 wnd.focus();
	
		 if(typeof document.selection !="undefined"){
			 wnd.document.selection.createRange().text=str;
		}else{
			 wnd.document.execCommand("InsertHTML", false,str);
		}
		 
	}
 

但是问题来了,在Firefox下是正确的,ie下每次插入都是最前面,

 

仔细观察后发现,在Firefox里一个域里有selection的时候,你点击了另外一个域,使这个域focus,上一个域的selection是存在的所以,使用上面的代码位置是正确的。但是在ie下一旦触发了blur,selection就丢失了。。

 

 

像我的这个功能点,操作是这样的,选择一个selection,点击一个下拉框,选中一项。此时ie下selection域的onblur就已经触发了。。。失败。

 

所以只能在点击按钮的时候插入。因为selection后,点击按钮、链接的时候,触发onclick的,此时onblur没有触发,,所以需要修改为按钮。

 

 

....解决

0
0
分享到:
评论

相关推荐

    滤镜问题-FireFox火狐浏览器与IE的对比分析

    本文将深入探讨FireFox火狐浏览器与Internet Explorer(简称IE)在处理特定CSS属性——尤其是滤镜效果方面存在的差异,并通过具体的示例代码来说明这些差异。 #### 一、概述 FireFox和IE作为两大主流浏览器,在其...

    Geomatica2015培训手册V1.0.pdf

    本手册同时适用于地理空间数据处理软件的入门...第三章:Focus深入应用——栅格和矢量数据的深入处理和应用 第四章:OrthoEngine正射引擎——栅格影像数字化摄影测量处理 第五章:附加模块——Geomatica其他工具模块

    AOM中IE、Firefox兼容Enter代替Tab的Javascript

    "AOM中IE、Firefox兼容Enter代替Tab的Javascript"这个主题关注的是如何在不同的浏览器环境中,尤其是IE和Firefox中,使用JavaScript实现按下回车键(Enter)时模拟Tab键的效果,以实现元素间的焦点切换。 首先,我们...

    IE与firefox之jquery用法区别

    特别是在IE和Firefox这两个市场份额较大的浏览器之间,存在一些用法上的区别。 首先,我们必须了解,jQuery本身是尽量保证跨浏览器兼容性的,但开发者在使用时仍然需要注意一些细节。IE浏览器和Firefox浏览器在某些...

    WeisEditor v2.2.1(.net Web编辑器,兼容IE/Firefox).rar

    兼容IE,Firefox浏览器 新修改 提供初级API WeisAPI(详见Demo使用,Editor.InnerHTML及Editor.Focus() ) 新增功能有: 1:过滤危险的标签字符WeisConfig.isReplaceDangerousCode。 2:设置编辑器回车事件的模式...

    Firefox_focus-android-master:火狐开源浏览器使用Kotlin,java混合编码

    Firefox Focus在易于使用的专用浏览器上提供自动广告拦截和跟踪保护。 参与进来我们鼓励您参加这个开源项目。 我们喜欢请求请求,错误报告,想法,(安全)代码审查或任何其他形式的积极贡献。 在您尝试捐款之前,...

    firefox24.0

    标题“firefox24.0”指的是Firefox网络浏览器的24.0版本,这是一个开源的、跨平台的网页浏览工具,由Mozilla基金会开发。这个版本在2013年发布,包含了一系列更新和改进,旨在提高浏览速度、安全性以及用户体验。 ...

    在线编辑器的实现原理(兼容IE和FireFox)

    在线编辑器的实现原理主要涉及Web页面中的富文本编辑功能,尤其关注如何使其在不同的浏览器,如Internet Explorer(IE)和Firefox中保持兼容性。在本文中,我们将深入探讨在线编辑器的核心技术,并通过示例代码展示...

    用javascript作类似于QQ用户上线的消息提示框,兼容IE7,firefox.rar

    CSS3提供了许多强大的功能,如伪类(`:hover`, `:active`, `:focus`)和动画,但需要注意老版本的Firefox可能对某些CSS3属性支持不足。 最后,`用javascript作类似于QQ用户上线的消息提示框,兼容IE7,firefox.txt`...

    firefox 14.0.1(截止7/17/2012最新版)

    版本号:Firefox 火狐浏览器 14.0.1 2012年7月17日最新发布 简体中文版 更新内容: 谷歌搜索中默认使用SSL:默认在谷歌搜索中启用HTTPS,帮助用户远离某些可能会收集数据,修改或审查搜索结果的网络基础设置。同时...

    focus-ios:适用于iOS的Firefox Focus

    适用于iOS的Firefox Focus 浏览无人观看。 全新的Firefox Focus自动阻止各种在线跟踪器-从启动它到退出它的第二秒。 轻松擦除您的历史记录,密码和Cookie,因此不会再出现垃圾广告之类的事情。 在上下载。参与进来...

    div+css学习笔记(IE与fox好多不兼容的问题)

    在开发过程中,始终测试网站在多种浏览器和版本下的表现,包括IE、Firefox、Chrome、Safari和Edge等,是确保良好兼容性的必要步骤。此外,使用像BrowserStack或Lighthouse这样的在线工具,可以更方便地进行跨浏览器...

    FireFox火狐浏览器与IE兼容问题 - 透明滤镜 DIV滚动条

    IE浏览器支持expression表达式来实现一些特殊的效果,如去掉链接的边框可以使用a,area { blr:expression(this.onFocus=this.blur()) },而FireFox火狐浏览器则需要使用:focus { outline: none; }来实现类似的效果。 ...

    Firefox火狐浏览器官方Setup 89.0b5-win64版本exe安装包

    Firefox火狐浏览器,作为一款全球知名的开源网络浏览器,一直以来以其卓越的安全性、隐私保护和高度可定制性深受用户喜爱。89.0b5-win64版本是Firefox针对Windows 64位操作系统推出的一款新版本,提供了更稳定、更...

    在光标处插入字符串的实现代码 兼容IE,Firefox

    本文将详细解析如何实现这个功能,同时确保兼容IE和Firefox这两种主流浏览器。 首先,我们需要一个函数来完成这个任务。这个函数名为`insertAtCursor`,接受两个参数:`myField`代表要操作的文本框对象,`myValue`...

    _Firefox_Focus_(iOS)_has_moved_to_a_new_

    __Firefox_Focus_(iOS)_has_moved_to_a_new_reposito_focus-iosreposito_Focus-iOS__Firefox_Focus_(iOS)_has_moved_to_a_new_reposito_focus-ios.zip

    支持FireFox 3.6.rar

    标题中的“支持FireFox 3.6.rar”表明这是一个与Firefox 3.6浏览器相关的压缩文件,可能包含用于增强或修复QTP11(QuickTest Professional 11)在该浏览器上录制和回放功能的补丁、插件或者配置说明。 描述中提到...

    textarea在文本之后获得焦点,适合ie,火狐,谷歌

    本文将详细讲解如何使`textarea`在用户填写完文本后自动获取焦点,这一功能对于提高用户体验非常关键,特别是考虑到它在不同浏览器(如IE、Firefox和Chrome)中的兼容性。 首先,我们要明白`textarea`的基本结构。...

Global site tag (gtag.js) - Google Analytics