功能实现: 用户在输入文字时,如果能高亮显示正在输入的那个文本框的话,会更人性化些,下面就使用jQuery来实现。 实现原理: 在document加载完成后(ready),添加input的focus和blur事件,并进行增加和删除样式的操作。 代码示例: 复制代码 代码如下: <br>.redBack{}{ <br>color:white; <br>background:red; <br>border:2px solid black; <br>} <br> <br>$(document).ready(function(){ <br>$('input').focus(function(){ <br>$(this).addClass('redBack'); <br>//alert("hello"); <br>}); <br><br>$('input').blur(function(){ <br>$(this).removeClass('redBack'); <br>}); <br>}); <br> 根据测试的要求,在alert之后,要将光标定位到指定的位置。查阅之后发现:focus属性可以方便的做到。 alert("姓名不能为空!"); //由id定位到需要的焦点 $("#name").focus(); 即在提示输出后,焦点回到输入项。类似的也可以加入对应的样式。能高亮显示正在输入的那个文本框的话,会更人性化些,下面就使用jQuery来实现。 在document加载完成后(ready),添加input的focus和blur事件,并进行增加和删除样式的操作。