JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点

转载 2016年06月18日 23:19:36
今天遇见这么一个小小的问题,就是文本框中需要输入内容才可以提交,如果没有输入就提示并使该文本框获得焦点!

这么一个简单的事情如果没有使用 jQuery的话 是不是对象.focus()就可以了,

JavaScript Code复制内容到剪贴板
  1. //这样执行,jquery只会当获取焦点后执行焦点函数的语句了。  
  2. $(”#nameInput”).focus();  


可是当我们使用了jQuery 这样$(”#nameInput”) 返回的就不是DOM对象了而是jQuery对象,这样的话$(”#nameInput”).focus()这个方法的意义也就变了,并不是使这个文本框获 得焦点 而是触发这个文本框所有绑定在onfocus的函数!

其实使用jQuery也非常简单将jQuery对象转化为一个DOM对象,这一点相信开发人员早就考 虑到了,诶 真是先天下之忧而忧啊 

JavaScript Code复制内容到剪贴板
  1. $(”#nameInput”)[0].focus();  



简单的加一个[0] 便是我们想要的了!!这样文本框就会自动获取焦点了。

JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点

今天遇到了一点儿小问题,本来想实现的是说:input文本框中要有数据才可以提交,但是如果没有数据的话,就提示需要输入信息,然后自动获取焦点。        如果这是在纯js的环境下,很简单,就用...
  • u013365671
  • u013365671
  • 2015年01月01日 16:43
  • 2953

jquery实现input框获取焦点

获取表单焦点变色//.login-form表单样式类 //.item input输入框父div // focus是要添加的样式类 $(".login-form").on("focus"...
  • fationyyk
  • fationyyk
  • 2016年04月06日 15:06
  • 6558

jquery_ui 的dialog自动获取焦点的研究

在写dialog注册的时候,jQuery_ui这个小插件会自动把焦点绑定到第一个text上,这是为什么呢?其实并不是默认绑定第一个text,而是默认的绑定第一个有autoFocus属性的元素,如果所有...
  • Dove88888888
  • Dove88888888
  • 2016年04月05日 14:30
  • 1261

jquery文本框的focus和blur事件

jquery文本框的focus和blur事件  focus事件在元素获取焦点时触发,如点击文本框时,触发该事件;而blur事件则在元素丢失焦点时触发,如点击除文本框的任何元素,都会触发该事件 代码...
  • guangxiaove
  • guangxiaove
  • 2015年02月02日 10:43
  • 5479

jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后 //获取焦点后光标在字符串后 //其原理就是获得焦点后重新把自己复制粘帖一下 var t=$("#"+id).val()

jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后 //获取焦点后光标在字符串后 //其原理就是获得焦点后重新把自己复制粘帖一下 var t=$("#"+id).val()...
  • cyuyan112233
  • cyuyan112233
  • 2014年03月23日 10:07
  • 3638

jQuery实现输入框获取焦点和失去焦点

登陆界面用户名密码区获取焦点,失去焦点 在用户登陆的界面中,一般都需要用户名和密码才能登陆,这时为了增强用户体验,最好能在当前输入框没有获取焦点时,提示输入信息,获取焦点之后,提示信息消...
  • xiaobing_hope
  • xiaobing_hope
  • 2015年07月02日 21:52
  • 5839

jquery中focus()函数:当对象获得焦点后,自动把光标移到内容最后

setFocus=function(id){ var t=$("#"+id).val(); $("#"+id).val("").focus().va...
  • xinfei0803
  • xinfei0803
  • 2013年09月27日 17:06
  • 5991

页面加载完成后表单获得焦点

当页面加载完成后,输入框获得焦点的jquery写法: $(document).ready(function(){ $("#recordId").focus(); }); 页面如图:每次页面...
  • zl544434558
  • zl544434558
  • 2014年07月04日 12:56
  • 1757

Jquery实现文本框得到焦点的时候,文本框的焦点出现在最后!

在前端开发中,有时我们为了客户更好的体验,需要使用js处理一些css解决不了的问题 比如,当文本框的文字多余文本框的时候,有一部分文字没有出来的时候,我们点击文本框,让焦点出现在最后面,这样子可以提...
  • chen1057376155
  • chen1057376155
  • 2016年07月22日 21:00
  • 4444

html中的css和js控制input,textarea文本框自动获取焦点

方法:1:js控制自动获取焦点 html> head> script type="text/javascript"> function setFocus() ...
  • iceking66
  • iceking66
  • 2017年10月16日 10:44
  • 810
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
举报原因:
原因补充:

(最多只允许输入30个字)