博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
IE中,多次弹出Pop页面,光标无法落入Pop页面中的Input,导致无法输入
阅读量:4669 次
发布时间:2019-06-09

本文共 574 字,大约阅读时间需要 1 分钟。

之前用JQuery开发了一个弹出框的插件,可用于Pop页面,里面是用的Iframe。但是最近用IE测试发现,第一次弹出Pop页面可以正常使用,关闭Pop页面,再次打开后,页面中的input文本框无法落入光标,导致没办法输入。苦思许久,百度谷歌了许久,最后终于解决了。

Chrome测试没有问题,IE有,那证明是IE的问题了。果然,是IE的问题。我们知道,关闭Pop页面其实就是从dom中把Pop这个Div移除。但是IE移除了Div,可Div里面的iframe还在Dom树上,当再次弹出Pop页面又会创建iframe,这时会冲突,因此就造成了input无法落入光标的问题,这应该是IE的一个Bug。

解决办法:在关闭Pop的js代码中,手动Remove掉iframe。另外最好把iframe的src指定为空。可以添加类似这样的代码:

其中dl是代表弹出框的那个Div。

var $dliframe = dl.find("iframe");        if ($dliframe) {             $dliframe.attr("src", "");            $dliframe.remove();        }

转载于:https://www.cnblogs.com/dreamofei/p/4287318.html

你可能感兴趣的文章
面试经典-分金条
查看>>
利用AutoSPSourceBuilder和Autospinstaller自动安装SharePoint Server 2013图解教程——Part 1...
查看>>
ZOJ-2972-Hurdles of 110m(记忆化搜索)
查看>>
一些新了解到技术
查看>>
vue.js click点击事件获取当前元素对象
查看>>
【单调栈,单调队列】总结
查看>>
LeetCode:Gas Station
查看>>
MyBatis初识(通过小实例清晰认识MyBatis)
查看>>
面对最菜TI战队,OpenAI在Dota2上输的毫无还手之力
查看>>
XCODE快捷键和功能汇总篇(不断更新)
查看>>
Servlet开发(一)
查看>>
linux下如何查看某个容器的详细信息?
查看>>
bzoj 2843: 极地旅行社
查看>>
车林通购车之家--购车计算器模块--算法js
查看>>
webpack使用教程
查看>>
MySQL学习8 - 数据的增删改
查看>>
Linux笔记(开机自动将kerne log保存到SD卡中)
查看>>
Ajax提交数据判断员工编号是否存在,及自动填充与员工编号所对应的员工姓名。...
查看>>
CodeForces 689E (离散化+逆元+组合)
查看>>
pycharm 右键无法显示unittest框架&&解决右键只有unittest 运行如何取消右键显示进行普通run...
查看>>