功能实现: 用户在输入文字时,如果能高亮显示正在输入的那个文本框的话,会更人性化些,下面就使用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事件,并进行增加和删除样式的操作。