jQuery如何解决IE输入框不能输入的问题


Posted in Javascript onOctober 08, 2016

在IE10以上版本,微软为了提高IE输入框的便利性,增加了文本内容全部删除和密码眼睛功能,但是有些时候打开新的页面里,输入框却被锁定无法编辑,需要刷新一下页面,或者如果输入框有内容需要点击一下输入框后面的叉叉后才能输入。但是我们需要的是当下需要输入内容。那怎么办呢?可以用下面的方法解决:

$("input[type='text']").each(function () {
$(this).focus(function () {
$(this).select();
});
});
$("textarea").each(function () {
$(this).focus(function () {
$(this).select();
});
});

解决原理,就是给所有的输入框(当然可以给指定的输入框)增加焦点事件,当点击给焦点的时候,当前输入框文本全选,则可以切换到编辑状态。

以上所述是小编给大家介绍的jQuery解决IE输入框不能输入的问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JS效率个人经验谈(8-15更新),加入range技巧
Jan 09 Javascript
jQuery之自动完成组件的深入解析
Jun 19 Javascript
火狐下input焦点无法重复获取问题的解决方法
Jun 16 Javascript
jqGrid表格应用之新增与删除数据附源码下载
Dec 02 Javascript
JavaScript常用基础知识强化学习
Dec 09 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
Dec 21 Javascript
AngularJS入门示例之Hello World详解
Jan 04 Javascript
五步轻松实现zTree的使用
Nov 01 Javascript
纯JS实现可用于页码更换的飞页特效示例
May 21 Javascript
如何让微信小程序页面之间的通信不再变困难
Jun 03 Javascript
js正则匹配多个全部数据问题
Dec 20 Javascript
从Node.js事件触发器到Vue自定义事件的深入讲解
Jun 26 Javascript
微信小程序 canvas API详解及实例代码
Oct 08 #Javascript
微信小程序 animation API详解及实例代码
Oct 08 #Javascript
AngularJS实践之使用NgModelController进行数据绑定
Oct 08 #Javascript
Bootstrap Navbar Component实现响应式导航
Oct 08 #Javascript
微信小程序 WXML、WXSS 和JS介绍及详解
Oct 08 #Javascript
JS中使用mailto实现将用户在网页中输入的内容传递到本地邮件客户端
Oct 08 #Javascript
Javascript单例模式的介绍和实例
Oct 08 #Javascript
You might like
如何使用PHP往windows中添加用户
2006/12/06 PHP
用mysql触发器自动更新memcache的实现代码
2009/10/11 PHP
php实现数组中索引关联数据转换成json对象的方法
2015/07/08 PHP
php出租房数据管理及搜索页面
2017/05/23 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
jQuery取得select选择的文本与值的示例
2013/12/09 Javascript
js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
2015/02/11 Javascript
js实现简单div拖拽功能实例
2015/05/12 Javascript
javascript从定义到执行 你不知道的那些事
2016/01/04 Javascript
javascript正则表达式定义(语法)总结
2016/01/08 Javascript
图文详解Heap Sort堆排序算法及JavaScript的代码实现
2016/05/04 Javascript
Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)
2016/07/14 Javascript
微信小程序自定义导航隐藏和显示功能
2017/06/13 Javascript
利用vue + element实现表格分页和前端搜索的方法
2017/12/25 Javascript
vue、react等单页面项目部署到服务器的方法及vue和react的区别
2018/09/29 Javascript
详解angular2 控制视图的封装模式
2018/12/27 Javascript
小程序使用watch监听数据变化的方法详解
2019/09/20 Javascript
js实现ajax的用户简单登入功能
2020/06/18 Javascript
基于wxpython实现的windows GUI程序实例
2015/05/30 Python
利用TensorFlow训练简单的二分类神经网络模型的方法
2018/03/05 Python
Python中存取文件的4种不同操作
2018/07/02 Python
Django 自定义404 500等错误页面的实现
2020/03/08 Python
python 数据库查询返回list或tuple实例
2020/05/15 Python
html5 figure和figcaption的使用方法
2018/09/10 HTML / CSS
Html5自定义字体解决方法
2019/10/09 HTML / CSS
关键字final的用法
2013/10/02 面试题
个人自我鉴定总结
2014/03/25 职场文书
丧事主持词大全
2014/04/02 职场文书
群众路线教育实践活动批评与自我批评
2014/09/15 职场文书
介绍信格式
2015/01/30 职场文书
上课讲话检讨书范文
2015/05/07 职场文书
趣味运动会新闻稿
2015/07/17 职场文书
创业计划书详解
2019/07/19 职场文书
解决thinkphp6(tp6)在状态码500下不报错,或者显示错误“Malformed UTF-8 characters”的问题
2021/04/01 PHP
Python Pytorch查询图像的特征从集合或数据库中查找图像
2022/04/09 Python
css中:last-child不生效的解决方法
2022/08/05 HTML / CSS