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>

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

$("#two")focus();

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

if(ekeyCode == 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还是火狐都能达到你的效果。

在jquery里可以直接用isNaN()，因为他是JavaScript的类库。是由JavaScript语言写的。

例如：

<script type="text/javascript">

$(document)ready(function(){

alert(isNaN($('#id')val()));

});

</script>可以直接使用

一楼正解

$("input")focus(function(){

$("input")css("background-color","#FFFFCC");

});

$("input")blur(function(){

$("input")css("background-color","#D6D6FF");

});

$(function(){

$('#search_auto')css({'width':$('#search input[name="k"]')width()+4});

$('#search input[name="k"]')keyup(function(){

$post('search_autophp',{'value':$(this)val()},function(data){

if(data=='0'){

$('#search_auto')html('')css('display','none');

}else{

$('#search_auto')html(data)css('display','block');

}

});

})focusout(function(){

$('#search_auto')html('')css('display','none');

});

});

试试，建议用jquery的插件 jquery-autocomplete

$("#textID")click(function(){

var

act

=

documentactiveElementid;

if(act

==

"textID"

){

alert("true");

}else{

alert("false");

}

}

);

----------------------------------------

<input

type="text"

id="textID">

Jquery就是JS的类库，所以可以用js提供的方法。这样就可以判断焦点了。

想实现你的功能，你要在加一个flag。

var

checkFlag

=

true;

默认是true，当第一次获得焦点的时候设置为true，如果已经是焦点的话就设置成false。然后再通过判断。具体就不写了。

以上就是关于JQuery文本框 获得焦点 背景颜色改变全部的内容，包括:JQuery文本框 获得焦点 背景颜色改变、jquery设置焦点并触发事件、jquery.validate插件获取焦点事件等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！