jQuery的input失去焦点之后，不能使用focus()重新得到焦点

最新推荐文章于 2024-07-26 03:32:55 发布
最新推荐文章于 2024-07-26 03:32:55 发布
阅读量4.6k 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/buyueliuying/article/details/54318657
版权

当使用ie时候，获取焦点正常 ，但是使用火狐就获取不到焦点了。

$(function(){
    $("#inp").blur(function(){
        $(this).focus();

    });
}

加上window.setTimeout可以解决此问题

window.setTimeout (function(){$(this).focus();},0);


buyue__
关注
专栏目录
C#中FOCUS无法让指定的空间获取焦点
_少年已不年少的专栏
03-15 4122
今天在写一个父窗体弹出子窗体的时候，想让子窗体中做一个判断，如果子窗体TEXTBOX1从父窗体获取了值，那就让焦点定在子窗体的textbox2中，如果textbox1没有获得父窗体传来的值就让焦点定位到textbox1控件中，用到了focus，但是一开始发现无论怎样，focus都只定位到了textbox1上，而没有根据条件变化定位到textbox2中，后来看到别人说是需要再load中先让show一
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
10-27
本文将讨论如何使用jQuery来实现一个常见的功能：当`input`输入框获得焦点时隐藏默认文字，失去焦点且未输入内容时恢复默认文字。 首先，传统的实现方式是在HTML标签中直接内联JavaScript事件处理函数，例如`...
jquery 设置焦点
08-12 148
function CheckForm() { var classLevel = $("#classLevel").val(); var re = /^[1-9][0-9]*$/; if(!re.test(classLevel)&&classLevel.length&g...
jquery 添加焦点
最新发布
weixin_37021330的博客
07-26 25
jQuery 添加焦点：提升网页交互体验 在Web开发中，jQuery是一个非常流行的JavaScript库，它简化了HTML文档的遍历、事件处理、动画和Ajax交互。本文将介绍如何使用jQuery为网页元素添加焦点，并通过状态图和甘特图展示实现过程。 为什么添加焦点？ 在用户与网页交互的过程中，焦点（Focus）是一个重...
jquery focus() 手机端无效
weixin_30415801的博客
09-13 436
因为 onmouseup event 造成的选取失效, 只要加上以下设定即可:$("#obj_id").mouseup(function(e){ e.preventDefault();});受mouseup影响。。可以参考这样处理：HTML code<input type="text" value="value" onfocus="this.focused=true;this.sele...
解决jQuery中input 失去焦点之后，不能再获取到焦点
南国以南i的博客
05-25 401
解决jQuery中input 失去焦点之后，不能再获取到焦点,添加时间函数延迟执行。 //编辑过敏史 if(iToolbar == 'editGMS'){ lstype="gms"; var gms=""; if(gmstype=="0"){ gms=$('#GMSInfo').html(); $('#GMSDIV').html('<textarea
jquery获取焦点后光标在字符串后
蕃薯耀
10-09 505
jquery获取焦点后光标在字符串后,当input获得焦点后，自动把光标移到文本内容的最后,jQuery用focus()使文本输入框获得焦点且焦点在文字的最右的方法 //获取焦点后光标在字符串后 //其原理就是获得焦点后重新把自己复制粘帖一下   var t=$("#"+id).val();   $("#"+id).val("").focus().val(t);&gt;&gt;&gt;&...
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
10-16
之后，还为每个input绑定focus和blur事件，在输入框获得焦点时隐藏提示信息，在失去焦点且输入框为空时再次显示提示信息。 6. jQuery版本兼容性： 示例中提到使用的jQuery版本为1.7.2，不同的jQuery版本在某些API...
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
10-21
本文介绍了一个使用jQuery实现的简单实例，即在网页中通过注册文本框获取焦点时清空提示，失去焦点时如果没有输入，则重新显示提示信息的功能。在用户注册过程中，这常常被用来提示用户输入必须的信息，如账号、密码...
jquery实现input框获取焦点的方法
10-20
在JavaScript中，input元素获得焦点时会触发focus事件，而失去焦点时则会触发blur事件。 在jQuery中，可以通过.on()方法绑定这些事件。具体到这篇文章所讲述的方法，使用了 $(".login-form").on("focus","input",...
JQ点击区域,变成input框,失去焦点在变回来
努力奔跑的博客
02-10 2458
级别                     占比                     操作                                                                     {$v.name}                     {$v.bili}                     修改        
jquery实现input输入框实时输入触发事件代码
12-04
代码如下: <input id=”productName” name=”productName” class=”wid10″ type=”text” value=”” /> 代码如下: //绑定商品名称联想 $(‘#productName’).bind(‘input propertychange’, function() {searchProductClassbyName();}); 代码如下: searchProductClassbyName 为触发后调用的方法； 实现效果：
JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
u013365671的专栏
01-01 4961
今天遇到了一点儿小问题，本来想实现的是说：input文本框中要有数据才可以提交，但是如果没有数据的话，就提示需要输入信息，然后自动获取焦点。        如果这是在纯js的环境下，很简单，就用.focus()就可以了。但是在jQuery中会遇到一些问题：  如果使用focus()函数触发每一个匹配元素的focus事件。这将触发所有绑定的focus函数。所以但我们使用这个方法$("#i
玄学小问题之input.focus（）没生效的问题
lovestar墨竹的博客
10-16 1933
玄学小问题之input.focus()失效
jquery的blur之后,focus获取不到焦点的解决办法
weixin_34290631的博客
04-26 266
为什么80%的码农都做不了架构师？>>> ...
jquery 编辑框foucs失效问题
Baby_加油_的博客
11-27 347
这是一个常识，却常常被我们忽略。 谨记，如果你的编辑框在弹框里，处于隐藏状态，则，需要，先显示，再focus show方法一定要比focus方法先一步，只有input显示了，才能focus() <div class="pop-bd" style="padding: 20px 30px;display:none;"> <textarea rows="20" id="inpu...
focus()获取焦点的问题
fightbackbaby的专栏
02-05 976
从一个tr中删除一个td，并将焦点定位到指定的控件上时出现了问题： 删除td之后焦点丢失掉了。 后来调整了删除和获得焦点的顺序得到正确结果。 原来的顺序是：先删除后获得焦点 代码是： [code="java"] tr.removeChild(td); last.focus(); [/code] 之后颠倒了下顺序：先获得焦点后删除 代码是： [c...
onBlur事件与onfocus事件 （js）
gr_guhun的博客
10-08 1400
jQuery 参考手册 - 事件 一、jQuery的 onBlur方法 定义和用法 1、当元素失去焦点时发生 blur 事件。 2、blur() 函数触发 blur 事件，或者如果设置了 function 参数，该函数也可规定当发生 blur 事件时执行的代码。 提示：早前，blur 事件仅发生于表单元素上。在新浏览器中，该事件可用于任何元素。 触发 blur 事件 触发被选元素的 blur 事件...
jquery input失去焦点导致输入中文就弹出，怎么解决
05-05
这个问题可能是因为输入法的原因导致的。可以尝试使用 `compositionstart` 和 `compositionend` 事件来解决。 当用户开始输入中文时，会先触发 `compositionstart` 事件，表示输入法正在输入中文。这时可以暂时禁用失焦事件。 当用户完成中文输入并按下回车键或者点击其它地方时，会触发 `compositionend` 事件，表示输入法已经输入完成。这时可以再次启用失焦事件。 以下是一个示例代码： ```javascript $(document).on('blur', 'input', function() { var input = this; setTimeout(function() { if (!input.value) { return; } // 判断是否在输入中文 if (!/.*[\u4e00-\u9fa5]+.*$/.test(input.value)) { // 没有中文，执行失焦事件 // ... } }, 0); }).on('compositionstart', 'input', function() { // 正在输入中文，禁用失焦事件 this.blur(); }).on('compositionend', 'input', function() { // 中文输入完成，启用失焦事件 this.focus(); }); ``` 这个代码会在 input 元素失去焦点时检查输入的内容是否包含中文，如果没有中文才会执行失焦事件。如果正在输入中文，就会禁用失焦事件，直到中文输入完成再启用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值