`
78425665
  • 浏览: 125665 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

IE下iframe内的文本框无法聚焦输入

阅读更多
前些天在制作一个 jQuery 插件 Openbox 的时候,由于弹出的模拟窗口是 DIV 内嵌套 iframe 或者 AJAX 方式将内容载入到 DIV 中,在 ie 下测试的时候,由 IFrame 方式打开的窗口内部的文本输入框总是会出现无法聚焦输入的状况,在其它浏览器下却没有此问题,我非常郁闷,

后来仍然是国外的一个网站上的讯息解决了此问题,原因是 IE 下在移除父层的 DIV 的时候,也就是 IFrame 外层的 DIV 的时候,IE 并没有将内部的 IFrame 从 DOM 中移除,而下次触发函数创建此 IFrame 的时候,使会产生 DOM 冲突,所以解决方法就是在移除父层的 DIV 的时候,先将内部的 IFrame 也移除,于是问题解决了..

不过这个是 IE 下的 BUG,正常情况下在移除一个元素的时候,其子节点下的元素应该是全部会被从 DOM 中移除的,但是无论如何,还是建议先移除子节点下的重要元素,毕竟这也不影响其它的浏览器.
分享到:
评论

相关推荐

    IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点

    测试组的人说了,弹出层打开后,“经常”无法获取文本框的焦点,就是鼠标点文本框无法获取焦点并显示输入标记,仿佛被什么透明层给盖住了。但有时是正常的,可谓间歇性精神障碍。有的机子上百分之五十的几率出现,...

    常用的40个网站制作技巧

    `<input style="ime-mode:disabled">`这一属性可以禁用输入框内的IME(输入法编辑器)模式,适用于需要纯英文输入的场景。 ### 技巧8:检测框架引用并重定向 利用JavaScript代码`if(window==top) top.location....

    JavaScript经典代码大全收集.pdf

    9. 文本框聚焦时设置文本位置: ```javascript ()"> ``` 当文本框获得焦点时,通过调用函数cc()来调整文本的起始位置。 10. 使用脚本控制对象点击事件: ```html ``` 这段代码通过HTML对象和相应的...

    JavaScript对IE操作的经典代码(推荐)

    在本文中,我们将探讨一些专用于Internet Explorer (IE) 的JavaScript代码片段,这些代码在特定场景下能增强用户体验或实现特定的安全功能。然而,请注意,由于浏览器兼容性问题,这些代码可能在非IE浏览器如Firefox...

    40种JS网页常用小技巧+.pdf

    10. **光标定位到文本框末尾**:`function cc() {...}` 和 `onfocus="cc()"` 结合使用,可以确保用户聚焦文本框时,光标自动移动到文本末尾。 11. **获取上一页URL**:`document.referrer` 可以获取用户从哪个页面...

    JavaScript小技巧

    JavaScript是一种广泛应用于Web开发的脚本语言,它为网页添加交互性并处理用户输入。这里我们将深入探讨一些常见的JavaScript小技巧。 1. **事件处理**:在JavaScript中,`event`对象提供了关于当前事件的信息,如`...

    JS网页常用小技巧

    #### 十四、聚焦时将光标定位到文本框末尾 **知识点:** 当文本框获得焦点时,自动将光标移动到最后一个字符之后。 ```html function cc() { var e = event.srcElement; var r = e.createTextRange(); r....

    html大全

    54. `<input>`: 创建各种表单输入控件,如文本框、按钮、复选框等,通过`type`属性切换不同类型的输入。 55. `<input type="button">`: 创建普通按钮,通常用于JavaScript操作。 56. `<input type="checkbox">`: ...

    超级实用且不花哨的js代码大全

    - **`document.all("txt").focus()`** 和 **`document.all("txt").select()`**:聚焦和选中文本框中的内容。 - **`document.createElement("SPAN")`**:创建一个新的`<span>`元素。 - **`document.elementFromPoint...

Global site tag (gtag.js) - Google Analytics