IE8下input无法获得焦点的诡异问题

最新推荐文章于 2024-03-08 16:25:54 发布
最新推荐文章于 2024-03-08 16:25:54 发布
阅读量6.2k 收藏 1
点赞数 1
分类专栏： IE css input 文章标签： input ie div google dll 百度
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuyu2005/article/details/6958208
版权
在内网XP SP3系统及IE8环境下，输入框(input)出现无法获取焦点的诡异问题。排查了dll缺失、兼容模式等因素，发现是input背景设为none或透明，且下层元素非透明，同时input无初始值导致。解决方法包括取消input背景透明或设定初始值。
摘要由CSDN通过智能技术生成


今天遇到一个诡异问题，场景如下 
1.内网，XP（sp3），IE8
2.input无法得到焦点

查遍百度google，否定dll缺失问题，兼容模式问题等等，扒开一层层css最终得到真相

重现问题

<div>
    <div style="position:absolute;top:0;left:0;"><input type="text" style="backgroun
最低0.47元/天 解锁文章
yuyu2005
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
ie8下input的title闪烁二次显示问题
09-25
在ie8下，页面加载完毕，将光标移到文本框上时title会闪烁，再次移动光标到文本框其它位置，title才会显示，哪位码友有了解其中原理的，麻烦留言
ie8下修改input的type属性报错的解决方法
09-04
在本文中，我们讨论的是一个常见的前端开发问题，即在IE8下尝试动态修改`<input>`标签的`type`属性时遇到的错误。在其他现代浏览器如Chrome、Firefox以及IE9及更高版本中，可以正常地通过JavaScript或jQuery的`attr...
IE文本框无法输入，无法获取焦点的解决办法。
章郎虫的专栏
07-30 787
故障现象 Internet Explorer或任何基于IE的浏览器打开后，所有网页的输入框中都不能输入数据，也无法选中文本框让文本框获取焦点，同时也不能选择网页上的文字。 故障原因 这是由于HTML编辑相关模块 %windir%\system32\mshtmled.dll 库文件丢失,损坏或反注册造成的。 %windir%为系统环境变量，表示系统目录,如为XP系统此变...
input框在页面中不能获取焦点解决方法
zoepriselife316的博客
12-26 3434
input框在页面中不能获取焦点解决方法 创建一个input元素， <input id="refse" style="opacity: 0;width:0" /> js中： const viewInput = document.getElementById('refse'); //获取元素 viewInput.focus(); //触发一下focus事件 添加了，就可以了 webview中不能主动获取，自己创建元素触发下获取焦点，再去点击其他的输入框，就可以有样式了 ...
IE8 focus 失效解决方案
weixin_33834910的博客
06-27 763
这几天遇到两个在IE8下focus失效的非常奇怪的问题，当然这个是指JS函数：document.getElementById("id").focus(); 或者 $("#id").focus(); 问题一： 楼主的页面是在ifram中，点击ifram中的保存按钮后，会重定向到这个页面，并且在domcument.ready()中会将焦点给予第一个文本框。但奇怪的是，第一次打开这个页面是没有问题的...
五八、移动端input、textarea无法获取焦点
梅某某
02-01 5338
-webkit - touch - callout: none; . 阻止长按图片之后呼出菜单提示复制的行为 -webkit-text-size-adjust: none; . 禁用Webkit内核浏览器的文字大小调整功能。 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); . 避免点击a标签或者注册了click事件的元素时产生高亮 -webkit-
html中li标点为什么动不了,html Li标签中的textarea标签无法获得焦点。
weixin_32440261的博客
07-05 373
1.用jquery写一个问卷，有一道题是如果选了这道题的某个选项 那么这个选项会被打钩并且会出现一个输入框供用户输入描述，如下图：再次点击这个选项则输入框消失，选项收起，我用的是Li标签，给Li标签绑定点击事件，如果被点击那么插入一个textarea标签，但是这时候被插入的textarea标签无法获得焦点，我想点击这个选项后点击输入框输入文字，但是选项被收起了，相当于触发了Li的点击事件，我的解决...
火狐下input焦点无法重复获取问题的解决方法
09-04
然而，不同浏览器对这个功能的支持可能存在差异，其中火狐（Firefox）就存在一个特殊问题：在某些情况下，input元素无法重复获取焦点。本文将探讨这个问题及其解决方案。 首先，我们通常使用JavaScript的`focus()`...
ionic3软键盘弹出后ion-input以及ion-textarea标签点击时无法获取焦点的问题
冰咖啡的专栏
04-02 1808
ionic默认android:windowSoftInputMode="adjustResize"，但是这种设置存在一个弊端，就是如果表单过长，在弹出软键盘时就会存在页面上下滚动的问题，偶尔会造成键盘遮挡输入框，于是修改成android:windowSoftInputMode="adjustPan"，果然输入框不会再有遮挡的现象出现，但是出现了另一个问题，就是某些在页面下方的输入框在软键盘弹出几......
iostextarea获取焦点_移动端ios系统中表单标签无法获取焦点
weixin_29145157的博客
01-16 552
做移动端网页的时候发现在ios系统中表单组件无法获取焦点，无法输入-webkit - touch - callout: none;//-webkit-touch-callout:none; 阻止长按图片之后呼出菜单提示复制的行为//禁用Webkit内核浏览器的文字大小调整功能。-webkit-text-size-adjust: none;//避免点击a标签或者注册了click事件的元素时产生高亮-...
【IE兼容性】background:transparent IE中Bug，不能选中input输入框，出现这个问题主要是IE8
热门推荐
Draco
06-15 1万+
先解释下，background:transparent，默认在IE上会被解析成 background: none transparent scroll repeat 0% 0%  transparent表示透明无颜色  none 表示没有设置背景图片 repeat 表示图片重复 scroll 表示背景图片随浏览器下拉而滚动 0%水平位置在x0 0%垂直位置在y0
html ie8 设置透明,html – 具有透明背景的输入框在IE8中不可点击
weixin_29832179的博客
06-16 140
我在一个窗体中有一个绝对定位的输入框。输入框有透明背景：.form-page input[type="text"] {border: none;background-color: transparent;/* Other stuff: font-weight, font-size */}令人惊讶的是，我不能通过点击它在IE8中选择这个输入框。它在Firefox中工作完美。对于背景也是如此：none...
关于input与IE8的一些事
YanzYan的博客
03-16 1620
如题 今天想来记录下关于input一些属性如何兼容IE8，如placeholder… 闲谈 等下啊 先唠唠家常 毕竟是我个人的博客 最近也有些感慨 故记录一下 前两篇我写的都是关于微信小程序的内容，那时候是一月份，最近的一篇也是在1月16号，今天刚好是3月16号，想来也是缘分。刚刚好两个月，我终于又登上了自己的博客，而这一次我终于不再是小白了，至少不是前端小白 哈哈。不过关于安卓，也忘
前端给某个元素加上position：absolute导致input框无法点击
m0_46544598的博客
02-10 487
可能是因为元素绝对定位之后把input框藏在其他元素的后方了。具体解决办法：给加绝对定位的同时加上z-index层级高一点。我这儿加的是3，可以打开f12慢慢调，建议不要层级过大。解决办法：把input框置顶。
移动端H5 页面 input 获取焦点不灵敏
weixin_34209851的博客
06-14 4243
开发中遇到ios的浏览器中input控件获取焦点，需要一定的点击时长，所以用户经常无法一次成功获取焦点。改进方法非常的简单。在input控件外面包裹一层div，然后 在div上添加点击事件，为input手动获取焦点。 vue代码为例 temp模板: <div @click="inputClicked" > <input ref="phoneInput" &gt...
解决微信小程序开发者工具输入框焦点问题
aozhi7108的博客
07-28 1377
Windows10笔记本上运行微信小程序开发者工具，输入框（input，textarea）没有焦点，只能在真机调试，效率太低。后来发现是Window10对笔记本高分屏支持不好，要DPI缩放，导致兼容性问题。解决方法： 显示设置、缩放与布局改为100%。这样就可以点击输入框了，但是字体变得很小，最好是外接显示器。 不修改DPI缩放，长按输入框即可！ 转载于:https...
ElementUI框架el-table组件中嵌入el-input输入框无法获取焦点、无法编辑问题
最新发布
cd_yang2017的博客
03-08 1742
el-table组件中嵌入el-input输入框无法获取焦点，无法编辑。可使用父元素监听方式获取焦点。
input无法获取焦点
05-19
可能有多种原因导致input无法获取焦点，比如CSS样式、JavaScript代码或浏览器本身的问题。以下是一些可能有用的解决方案： 1. 确保input元素没有被其他元素遮挡或覆盖住了。 2. 检查CSS样式，确保input元素的z-...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值