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] 便是我们想要的了!!这样文本框就会自动获取焦点了。

相关文章推荐

【移动端】iOS下setTimeout无法触发focus事件的解决方案

开篇总结:其实目前无法解决这个bug。 这两天做项目遇到了这个case,项目需求是打开页面的时候,input元素自动弹起键盘。由于各种方面的考虑,我们希望通过setTimeout延时200毫秒让in...

input autofocus focus() 在iphone上无效,无法在手机上默认获取焦点

input autofocus focus() 在iphone上无效,无法在手机上默认获取焦点 /在一般的正常浏览器上,可以用 javascript 来 focus 到一个输入框上: 1 var el...

JavaScript让登录或搜索文本框自动获得焦点

这确实是个值得注意的细节,今天在XX网站登录界面上遇到了,就先记录下来了,每个网页都有其专注的功能,有的专注于文章资讯等信息呈现,有的专注于视频播放,有的专注于登录,今天要说的就是专注于像登录或搜索等...
  • ios0213
  • ios0213
  • 2016年06月28日 10:20
  • 1203

页面加载时自动获得文本框的焦点!

    function   aa()   {     表单名.文本框名.focus();     }           
  • sn3009
  • sn3009
  • 2007年08月17日 14:11
  • 2507

移动端input 无法获取焦点的问题

移动端input 无法获取焦点的问题

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

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

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

今天遇见这么一个小小的问题,就是文本框中需要输入内容才可以提交,如果没有输入就提示并使该文本框获得焦点! 这么一个简单的事情如果没有使用 jQuery的话 是不是对象.focus()就可以了, ...

用stopPropagation()方法避免onblur与onclick冲突问题

用stopPropagation()方法避免onblur与onclick冲突问题前一阵写一个项目要求是一个输入城市名称的input框,当用户点击输入框时热门城市的div浮出,里面有可选择的城市,用户可...

安卓系统浏览器中select下拉按钮无法弹出选择面板奇怪问题解决

今天遇到个让人崩溃的问题: 平台: 安卓 4.0 描述: 使用 appcan 开发 hybrid 应用,手机上点击下拉选框按钮无法弹出选择面板。 ...

批量将数据插入MySQL数据库的PHP代码

在本地模拟数据时,需要插入大量的数据并保存到数据库。对每条数据单独执行插入操作是保险的作法,但是存在一个效率低的问题。如果使用批量插入则可以节省相当多的时间。下面分享一段用于指插入数据的代码(以PHP...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
举报原因:
原因补充:

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