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

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、其次，在index.html中的<script>标签，输入jquery代码：$('input').focus()。

3、浏览器运行index.html页面，此时用jquery成功获取了input输入框的焦点。

$(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>

---