JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
2016-06-18 23:19
666 查看
今天遇见这么一个小小的问题,就是文本框中需要输入内容才可以提交,如果没有输入就提示并使该文本框获得焦点!
这么一个简单的事情如果没有使用 jQuery的话 是不是对象.focus()就可以了,
JavaScript Code复制内容到剪贴板
//这样执行,jquery只会当获取焦点后执行焦点函数的语句了。
$(”#nameInput”).focus();
可是当我们使用了jQuery 这样$(”#nameInput”) 返回的就不是DOM对象了而是jQuery对象,这样的话$(”#nameInput”).focus()这个方法的意义也就变了,并不是使这个文本框获 得焦点 而是触发这个文本框所有绑定在onfocus的函数!
其实使用jQuery也非常简单将jQuery对象转化为一个DOM对象,这一点相信开发人员早就考 虑到了,诶 真是先天下之忧而忧啊
JavaScript Code复制内容到剪贴板
$(”#nameInput”)[0].focus();
简单的加一个[0] 便是我们想要的了!!这样文本框就会自动获取焦点了。
这么一个简单的事情如果没有使用 jQuery的话 是不是对象.focus()就可以了,
JavaScript Code复制内容到剪贴板
//这样执行,jquery只会当获取焦点后执行焦点函数的语句了。
$(”#nameInput”).focus();
可是当我们使用了jQuery 这样$(”#nameInput”) 返回的就不是DOM对象了而是jQuery对象,这样的话$(”#nameInput”).focus()这个方法的意义也就变了,并不是使这个文本框获 得焦点 而是触发这个文本框所有绑定在onfocus的函数!
其实使用jQuery也非常简单将jQuery对象转化为一个DOM对象,这一点相信开发人员早就考 虑到了,诶 真是先天下之忧而忧啊
JavaScript Code复制内容到剪贴板
$(”#nameInput”)[0].focus();
简单的加一个[0] 便是我们想要的了!!这样文本框就会自动获取焦点了。
相关文章推荐
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- jquery Deferred
- jQuery遍历
- jQuery中$(function(){..//code } )与 $(document).ready的区别
- JQuery实战中体验学习的快乐
- jQuery设置和修改HTML
- 那些年我们用到的jquery选择器!!
- jQuery 语法+动画--2016.6.18
- jQuery基础--样式篇(2)