jquery焦点事件,jquery焦点事件失效

jquery 怎么让文本框获取焦点

由于JQuery中获得的对象还是JQuery对象，对其使用focus()只是使该对象获得onFocus()函数，不能是对象获得焦点，所以要使对象获得焦点，应该调用DOM对象的focus 方法，即： $("#id")[0].focus(); 需要注意两个函数之间的区别： $("#id").focus();  和 $("#id")[0].focus(); 第一个是增加onFocus()时间，一个是使DOM对象获得焦点。

怎样可以在“jquery”让文本框获取焦点时改变背景颜色？

1、先使用jQuery选择器找到所有的文本框

2、为文本框注册获得焦点事件，即focus事件

3、在焦点事件的事件处理函数中对当前得到焦点的文本框设置背景色

4、注册失去焦点事件，即blur事件

5、在失去焦点的事件处理函数中对当前触发事件的文本框改变背景颜色script type="text/javascript" $(funct  $("input:text").focus(function(){ //让当前得到焦点的文本框改变其背景色$(this).css("background","pink");}); //找到文本框，并注册失去焦点事件$("input:text").blur(function()//让当前失去焦点的文本框背景色变为白色$(this).css("background","white"); }); });/script

相关问答

Q1: jquery设置焦点并触发事件

首先我要说你的事件注册的不对，应该这样写：

$("#two").focus();

$("div").keydown(function(e){

if(e.keyCode == 13){

alert($(this).html());

}

});

其次，div默认是不能focus的，所以你的焦点就没进去。

如果你实在是要实现div的focus，并且按回车显示内容的话，我有一个办法能达到你的效果。

把三个div换成这样：

div id="one" contenteditable="true"oooo/div

div id="two" contenteditable="true"tttt/div

div id="three" contenteditable="true"hhhh/div

不管IE还是火狐都能达到你的效果。

Q2: jquery js当文本框获得焦点时，如何自动选中里面的文字？

$(function(){

$(":text").focus(function(){

this.select();

});

});

JQuery文本框获得焦点背景颜色改变：

1.先使用jQuery选择器找到所有的文本框。

2.为文本框注册获得焦点事件，即focus事件。

3.在焦点事件的事件处理函数中对当前得到焦点的文本框设置背景色。

4.注册失去焦点事件，即blur事件。

5.在失去焦点的事件处理函数中对当前触发事件的文本框改变背景颜色。

script type="text/javascript"

$(function(){

//找到文本框，并注册得到焦点事件。

$("input:text").focus(function(){

//让当前得到焦点的文本框改变其背景色。

$(this).css("background","pink");

});

//找到文本框，并注册失去焦点事件

$("input:text").blur(function(){

//让当前失去焦点的文本框背景色变为白色。

$(this).css("background","white");

});

});

/script