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 相关文章推荐
JavaScript的事件绑定(方便不支持js的时候)
Oct 01 Javascript
Javascript 字符串模板的简单实现
Feb 13 Javascript
js如何准确获取当前页面url网址信息
Sep 13 Javascript
Javascript中字符串replace方法的第二个参数探究
Dec 05 Javascript
HTML5 js实现拖拉上传文件功能
Nov 20 Javascript
Javascript中的 “&” 和 “|” 详解
Feb 02 Javascript
Javascript实现倒计时时差效果
May 18 Javascript
react脚手架如何配置less和ant按需加载的方法步骤
Nov 28 Javascript
Vue实现本地购物车功能
Dec 05 Javascript
浅谈小程序 setData学问多
Feb 20 Javascript
JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法分析
May 22 Javascript
JavaScript Reflect Metadata实现详解
Dec 12 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 模板高级篇总结
2006/12/21 PHP
基于session_unset与session_destroy的区别详解
2013/06/03 PHP
10个实用的PHP正则表达式汇总
2014/10/23 PHP
两个php日期控制类实例
2014/12/09 PHP
php简单实现批量上传图片的方法
2016/05/09 PHP
PHP命名空间namespace用法实例分析
2016/09/27 PHP
js 禁止选择功能实现代码(兼容IE/Firefox)
2010/04/23 Javascript
javascript闭包的理解和实例
2010/08/12 Javascript
将HTMLCollection/NodeList/伪数组转换成数组的实现方法
2011/06/20 Javascript
使用jQuery jqPlot插件绘制柱状图
2014/12/18 Javascript
前端程序员必须知道的高性能Javascript知识
2016/08/24 Javascript
超详细的JS弹出窗口代码大全
2020/04/18 Javascript
jQuery grep()方法详解及实例代码
2016/10/30 Javascript
jQuery联动日历的实例解析
2016/12/02 Javascript
angularJS模态框$modal实例代码
2017/05/27 Javascript
nodejs中解决异步嵌套循环和循环嵌套异步的问题
2017/07/12 NodeJs
Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)
2017/09/14 Javascript
微信小程序实现鼠标拖动效果示例
2017/12/01 Javascript
NodeJS模块与ES6模块系统语法及注意点详解
2019/01/04 NodeJs
python笔记:mysql、redis操作方法
2017/06/28 Python
Python语言的变量认识及操作方法
2018/02/11 Python
python的turtle库使用详解
2019/05/10 Python
Python使用sklearn实现的各种回归算法示例
2019/07/04 Python
Python hmac模块使用实例解析
2019/12/24 Python
详解python实现可视化的MD5、sha256哈希加密小工具
2020/09/14 Python
css图标制作教程制作云图标
2014/01/19 HTML / CSS
Cotton On香港网站:澳洲时装连锁品牌
2018/11/01 全球购物
EJB发布WEB服务一般步骤
2012/10/31 面试题
委托公证书范本
2014/04/03 职场文书
授权委托书
2014/07/31 职场文书
暑期社会实践心得体会
2014/09/02 职场文书
大专生自我鉴定怎么写
2014/09/16 职场文书
先进个人推荐材料
2014/12/29 职场文书
如何利用JavaScript实现二叉搜索树
2021/04/02 Javascript
在前女友婚礼上,用Python破解了现场的WIFI还把名称改成了
2021/05/28 Python
Vue.js中v-bind指令的用法介绍
2022/03/13 Vue.js