jquery的":focus"选择器，不适合应用在div容器上，更有ie6、7的支持问题

最新推荐文章于 2018-11-20 11:56:00 发布
最新推荐文章于 2018-11-20 11:56:00 发布
阅读量140 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://my.oschina.net/ffwcn/blog/604413
版权

为什么80%的码农都做不了架构师？>>>   hot3.png

jquery的":focus"是jQuery1.6 新增该选择器，对于想要支持ie6和ie7的用户来说（还得支持ie6、7真是好落伍啊），无法使用。

目前能想到的方法，是在div上监听focus和blur事件，设置标识，需要的时候判断div是否被聚焦。

转载于:https://my.oschina.net/ffwcn/blog/604413

weixin_33721344
关注
jQuery中:focus选择器用法实例
10-24
在jQuery中，:focus选择器通常与表单元素如输入框、选择框等配合使用。这个选择器能够匹配到那些获取了焦点的表单元素，比如说当你点击一个输入框，并在其中输入文字时，该输入框就获得了焦点。:focus选择器可以单独...
jQuery过滤选择器用法示例
10-21
在页面上有很多类名或ID相同的元素时，:not选择器可以帮助我们选取不符合特定条件的元素。 示例代码：$('li:not(.red)').css('background','#ccc'); 3. :has选择器 : has选择器用于选取含有选择器所匹配的元素的...
：focus 选择器
liubangbo的专栏
07-25 1000
最近在做的这个项目，在PC上可以有焦点(蓝色的边框)，但在我们的目标板上就没有。询问同事才明白，他封的组件里面需要自己写焦点的逻辑。看了一下别人的代码，发现用到了:focus选择器。感觉挺好用。 .inputStyle{ width:200px; height: 20px; margin-top: 20px; } .inputStyle:focus{ ba...
IE6不支持CSS的属性选择器
diedangxiang4092的博客
04-22 121
input[type="text"] { width: 50px; } 测试IE6不生效，而IE7以上浏览器则没问题 转载于:https://www.cnblogs.com/LCX/p/3680567.html
jQuery 选择器(:focus)详解
06-13 423
http://www.365mini.com/page/jquery-focus-selector.htm jQuery的:focus选择器用于匹配当前获得焦点的元素，将其封装为jQuery对象并返回。 语法 jQuery1.6 新增该选择器。 jQuery( ":focus" ) 返回值 返回封装了当前获得焦点的元素的jQuery对象。 如果找不到任何相应的
jquery IE7下foucs无效的处理
qq123zhz的专栏
05-21 125
setTimeout( function() { $(".buttonNext").blur(function() { //$(this).removeClass("btnHightLight"); $(this).css("background-color", "#5A5655"); $(this).css("color", "#FFF"); })
jquery兼容IE和火狐下focus()事件
weixin_33901926的博客
11-27 236
<input type="text" id="my" name="my" /> <script type="text/javascript"> $("#my").focus(); </script> 上面的代码在IE下是没有任何问题的,但是不兼容FF,在FF没有反应解决办法:兼容写法 IE和FF下fo
jquery CSS选择器笔记
10-29
在开发网页时，使用jQuery和CSS选择器是基础技能，它们允许开发者精确地选取页面中的元素，并且可以定义这些元素的样式或者行为。本篇笔记中，作者整理了44个CSS选择器，涵盖了CSS 2和CSS 3的所有规定，是学习和工作...
jquery之Document元素选择器篇
10-30
2. **类选择器与XPath/CSS选择器**：jQuery支持XPath和CSS选择器，使你可以更灵活地定位DOM中的元素。例如，`$('div.contentToChange p')`会选取所有在`<div>`元素内具有"class=contentToChange"的`<p>`元素。你可以...
jQuery选择器的工作原理和优化分析
10-28
jQuery选择器是jQuery库的核心部分，它用于在DOM（文档对象模型）中高效地选取元素。选择器的工作原理基于W3C CSS规范，允许开发者使用类似CSS的语法来选取JavaScript中的DOM元素。jQuery选择器的强大之处在于它们...
div添加focus事件
11-20 3228
jquery foucs()事件不支持div标签的，给div加foucs()事件是无效的。 在div上加上tabindex="0"属性，即可实现div focus()事件有效。项目中用到的，如下： //tabindex属性值为序号 <div class="layui-input-b...
div的onblur事件
weixin_30419799的博客
03-21 875
一般情况下，onblur事件只在input等元素中才有，而div却没有，因为div没有tabindex属性，所以要给div加上此属性。 如： <div tabindex="0" hidefocus="true" onfocus='alert("得到焦点");' onblur='alert("失去焦点");' style="border:1px solid #ccc;widt...
jquery中focus()失效怎么解决
weixin_30438813的博客
02-22 2376
又学到一个新的知识！ 今天在写表单验证的时候遇到一个关于获取焦点的focus()问题。 场景说明：在验证密码输入格式不对之后，弹出alert()提示框，提示密码不对，请重新输入。同时清空密码框并获得焦点，代码如下： 查了好久的资料才找到一个原因，原来这是由于FF和IE的关于blur和focus的机制不一样，FF的focus只能在blur之前。所以用settimeout()做了一个延...
关于focus()不生效的问题
热门推荐
祗想安静地的博客
04-03 4万+
有时候想让输入框自动获取标签，给它写了个focus()但是一直不生效。目前发现不生效的原因（PC端）有两种 还有一个原因是在iOS下无法触发focus事件，原因和解决方法请查看https://blog.csdn.net/jingjingshizhu/article/details/83090641   1、html的dom结构发生了变化。例如input框在一个类为input_box的div里...
获取焦点（focus函数不起作用）
Hello World!
03-15 1万+
我想在进入登录页面时自动获取用户名的焦点，用户名id为"j_username",可用下面的写法都不行： $("#j_username").focus(); 或者： document.getElementById("j_username").focus() 最后在网上找到了一个方法，用延时可以解决这个问题，代码如下： //自动获取帐号的焦点 setTimeout("document.ge
div 加伪类:focus
秋水不寒的专栏
07-20 7214
以前只知道input  可以加focus ，昨天项目中有需要在使用div 点击效果改变，不太想js，就尝试了 下div:focus 以下是个人总结的优缺点： .testdiv{background-color:red} 123 123 123 123 123 123 效果点击div 当前div背景为红色 省略一部分js 代码 缺点：当键
$('input').focus()方法不生效
开心就好的专栏
05-12 1万+
需求: 在切换div显示之后, 其中的input要focus, 实现如下(有问题) $('div').show(); $('input').focus(); 结果发现input不能focus. 猜想是不是focus时机有问题? 试验如下(成功): $('div').show(); setTimeout(function() { $('input').focus(); }, 10...
jQuery基础与实战心得：解决常见问题与选择器应用
这篇文章提供了初学者和进阶开发者在实际开发中运用jQuery时可能会遇到的关键知识点，包括库的引用、基础操作语法、文档加载机制以及选择器和事件处理的深入理解。通过这些内容，读者可以更好地掌握jQuery的使用技巧...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值