`
aiyou110
  • 浏览: 30069 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

jquery input 自动获取焦点的问题

阅读更多

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

       如果这是在纯js的环境下,很简单,就用.focus()就可以了。但是在jQuery中会遇到一些问题:

 如果使用focus()函数触发每一个匹配元素的focus事件。这将触发所有绑定的focus函数。所以但我们使用这个方法$("#input")返回的就不是DOM对象,而是JQuery对象。

       但是JQuery中也有提供很好地方法将一个JQuery对象转化为一个DOM对象:

       $(”#Input”)[0].focus(); 

       这样这个问题就能都都解决了。

       

       补充一下:什么是DOM对象?什么是JQuery对象?

       DOM对象,即是我们用传统的方法 (javascript)获得的对象, jQuery对象即是用 jQuery类库的选择器获得的对象。注意:在jQuery对象中无法使用DOM对象的任何方法。同样,DOM对象也不能使用jQuery方法。

       两种对象之间可以相互转化,将一个JQuery对象转化为一个DOM对象:有两种方法即[index]和get(index),将一个DOM对象转化为一个jQuery对象:只需要用$()把dom对象包装起来,就可以获得一个jquery对象了。

 

分享到:
评论

相关推荐

    jquery实现input框获取焦点的方法

    获取表单焦点变色 //.login-form表单样式类 //.item input输入框父div // focus是要添加的样式类 $(".login-form").on("focus", "input", function(){ $(this).closest('.item').addClass('focus'); }).on("blur...

    用jquery实现输入框获取焦点消失文字

    我们在登录网站的时候,文本框中经常会有提示你输入的信息,当你点击文本框,提示信息自动消失,当文本框什么都没有,而且失去焦点的时候,又有了提示文字。 1.原型开发,先做一个简单的: 我们首先需要一个html文件...

    jQuery输入框自动生成标签插件

    一款简洁美观的jQuery输入框自动生成标签插件,在input文本框输入标签文字后按回车或焦点离开输入框时,便会自动生成标签,可以按退格键或直接点击标签来删除生成的标签。另外插件还提供了接口让你获取生成的所有...

    input 输入框获得/失去焦点时隐藏/显示文字(jquery版)

    输入框默认状态: 输入框获取焦点状态: 大家可以看效果图的搜索输入框,默认显示着“用户名/Email”的提示,当这个 input 输入框获得焦点时,就自动清空等待用户输入,当用户啥也没输入就离开这个 input 输入框时,...

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

    jquery获取焦点后光标在字符串后,当input获得焦点后,自动把光标移到文本内容的最后,jQuery用focus()使文本输入框获得焦点且焦点在文字的最右的方法 代码如下: //获取焦点后光标在字符串后 //其原理就是获得焦点后...

    基于 jQuery 实现键盘事件监听控件

    1. 自动获取焦点 似乎浏览器的键盘事件只能被那些可以获得焦点的元素设置监听,而通常需要监听事件的 、<CANVAS> 元素都不能获得焦点,因此需要修改目标元素的某些属性使其可以获得焦点,另外一种可行的方法是将事件...

    输入框自动联想提示

    textchange: function($input){}, //不同于change事件在失去焦点触发,inchange依赖本插件,只要内容有变化,就会触发,并传入input对象 onselect: function($currItem){} //当选择了下拉的当前项目时执行,并传入...

    Ajax模仿google提示输入框 v1.8

    16.当输入框失去焦点时,提示框会自动隐藏 ######V1.8解决问题############ 17.解决了鼠标无法选择的问题 ****************************************************************** 文件使用说明: 在需要使用的页面...

    Ajax 模仿google百度提示输入框 v1.8

    16.当输入框失去焦点时,提示框会自动隐藏 ######V1.8解决问题############ 17.解决了鼠标无法选择的问题 ****************************************************************** 文件使用说明: 在需要使用的页面...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正了在Grid的PageIndexChange事件中不能获取SelectedRowIndexArray属性的BUG(feedback:Violet)。 -Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle=...

    ExtAspNet_v2.3.2_dll

    -修正了在Grid的PageIndexChange事件中不能获取SelectedRowIndexArray属性的BUG(feedback:Violet)。 -Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle=...

Global site tag (gtag.js) - Google Analytics