用jquery快速解决IE输入框不能输入的问题
在IE10以上版本,微软为了提高IE输入框的便利性,增加了文本内容全部删除和密码眼睛功能,但是有些时候打开新的页面里,输入框却被锁定无法编辑,需要刷新一下页面,或者如果输入框有内容需要点击一下输入框后面的叉叉后才能输入。但是
我们需要的是当下需要输入内容。那怎么办呢?
以用下面的方法解决:
$("input[type='text']").each(function () { $(this).focus(function () { $(this).select(); }); }); $("textarea").each(function () { $(this).focus(function () { $(this).select(); }); });
解决原理,就是给所有的输入框(当然可以给指定的输入框)增加焦点事件,当点击给焦点的时候,当前输入框文本全选,则可以切换到编辑状态。
以上就是小编为大家带来的用jquery快速解决IE输入框不能输入的问题全部内容了,希望大家多多支持我们~
相关推荐
-
jQuery控制输入框只能输入数值的小例子
复制代码 代码如下: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Test</title> <script type="text/javascript" src="jQuery/jquery-1.5.2.js"></script>
-
jQuery实现文本框输入同步的方法
本文实例讲述了jQuery实现文本框输入同步的方法.分享给大家供大家参考.具体如下: 这段jquery代码可以保持一个文本框输入的同时另外一个文本框与之同步 var $inputs = $(".example-input"); $inputs.keyup(function() { $inputs.val($(this).val()); }); 希望本文所述对大家的jQuery程序设计有所帮助.
-
Jquery动态添加输入框的方法
本文实例讲述了Jquery动态添加输入框的方法.分享给大家供大家参考.具体实现方法如下: <!-- 页头 --> <#include "../common/head.ftl"> <div id="onFailureDiv" class="alert alert-danger navbar-fixed-top" style="text-align:center; display:none">&
-
用jquery快速解决IE输入框不能输入的问题
在IE10以上版本,微软为了提高IE输入框的便利性,增加了文本内容全部删除和密码眼睛功能,但是有些时候打开新的页面里,输入框却被锁定无法编辑,需要刷新一下页面,或者如果输入框有内容需要点击一下输入框后面的叉叉后才能输入.但是 我们需要的是当下需要输入内容.那怎么办呢? 以用下面的方法解决: $("input[type='text']").each(function () { $(this).focus(function () { $(this).select(); }); }); $(
-
jQuery如何解决IE输入框不能输入的问题
在IE10以上版本,微软为了提高IE输入框的便利性,增加了文本内容全部删除和密码眼睛功能,但是有些时候打开新的页面里,输入框却被锁定无法编辑,需要刷新一下页面,或者如果输入框有内容需要点击一下输入框后面的叉叉后才能输入.但是我们需要的是当下需要输入内容.那怎么办呢?可以用下面的方法解决: $("input[type='text']").each(function () { $(this).focus(function () { $(this).select(); }); }); $(&
-
使用jQuery快速解决input中placeholder值在ie中无法支持的问题
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="
-
JQuery.validate在ie8下不支持的快速解决方法
一.在ie8下回有问题的代码 1.JQuery.validate验证框架是通过页面form表单提交验证<input/>标签中输入是否符合自己的规则的 <form id="cardTypeFrm"> <table width="100%" cellspacing="0" cellpadding="0" class="table_pzh"> <tbody> <
-
jquery Deferred 快速解决异步回调的问题
jquery Deferred 快速解决异步回调的问题 function ok(name){ var dfd = new $.Deferred(); callback:func(){ return dfd.resolve( response ); } return dfd.promise(); } $.when(ok(1),ok(2)).then(function(resp1,resp2){}) //相关API 分成3类 1类:$.when(pro1,pro1) 将多个 promise 对象以a
-
jquery中的常见问题及快速解决方法小结
1 在开发开放聊天室的过程中,遇到使用ajax提交表单插入数据库时会插入两条数据的情况 解决办法,在ajax函数返回后,return false. $("#btn").click(function(){ $.ajax({ do something }); return false; }) 2 去除选中元素的某一个属性使用removeattr 3 javascript中与时间相关的函数有setInterval("function",millisec[,"la
-
vue+element-ui中form输入框无法输入问题的解决方法
目录 一.问题发现: 二.正确案例与错误原理: 三.问题解决 总结 一.问题发现: 笔者在制作登录页面前端时使用elementui+vue技术,发现输入框无法输入任何内容. 在csdn上查阅很多文章后发现都无法解决,于是去elementui官网进行反复查看才发现问题所在.最终发现问题是input标签中v-model写的不恰当导致无法生效/忘记书写v-model.如果有相同问题的可以看看本文有可能能帮助解决您的问题,下列解决过程以供参考. 二.正确案例与错误原理: 查看官网对于表单Form一栏的使
-
jquery 实时监听输入框值变化的完美方法(必看)
只需要同时绑定 oninput 和 onpropertychange 两个事件,但是这并不完美 $('.input-form :input').bind('input propertychange', function() { //获取.input-form下的所有 <input> 元素,并实时监听用户输入 //逻辑 }) 以上代码在因为用的bind,所以当遇到追加的新input标签时,则不能监听了. 如下情景: 由上图可以看到189和135号码是可以监听的,但是新追加的178和188则无效.
-
快速解决element的autofocus失效问题
原因: autofocus是vue中input的原生属性,element也支持这种方法, 但是element中的el-input组件外面还有其他组件, 导致autofocus失效, 只能手动调用focus方法来聚集. 方法: 绑定ref <el-input ref="myNameId" v-model="form.name" /> this.$refs.myNameId.focus(); 动态绑定ref <el-input :ref="
-
Oracle客户端与plsql查询数据乱码修改成中文的快速解决方法
1.查询ORACLE服务器的语言.地域和字符集 select * from nls_database_paameters; 查询结果如下图, NLS_LANGUAGE 表示"语言",NLS_TERRITORY 表示"地域",NLS_CHARACTSET 表示"字符集",将他们三个按照"语言_地域.字符集"的格式拼接起来,就有了"AMERICAN_AMERICA.ZHS16GBK". 下面正式的来操作: 2.
随机推荐
- mongodb 集群重构和释放磁盘空间实例详解
- 在jQuery1.5中使用deferred对象 着放大镜看Promise
- Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
- javascript之对系统的toFixed()方法的修正
- Dreamweaver快捷键大全
- 找不到类型或命名空间名称“Server”(是否缺少 using 指令或程序集引用?)
- 使用Python的Twisted框架构建非阻塞下载程序的实例教程
- python连接oracle数据库实例
- 相对路径和绝对路径的写法总结
- JavaScript中的fontsize()方法使用详解
- MySQL 5.6 (Win7 64位)下载、安装与配置图文教程
- 详解js中call与apply关键字的作用
- js实现一个猜数字游戏
- 原生js实现中奖信息无间隙滚动效果
- 循环取值Request.QueryString的用法
- Lua脚本调用外部脚本
- jquery动态添加文本并获取值的方法
- TypeScript入门-接口
- Java集合框架之Collection接口详解
- android调用webservice接口获取信息