php 文本框获取焦点,jQuery_jquery关于页面焦点的定位(文本框获取焦点时改变样式 )，功能实现： 用户在输入文字时 - phpStudy...

jquery关于页面焦点的定位(文本框获取焦点时改变样式 )

功能实现：

用户在输入文字时，如果能高亮显示正在输入的那个文本框的话，会更人性化些，下面就使用jQuery来实现。

实现原理：

在document加载完成后(ready)，添加input的focus和blur事件，并进行增加和删除样式的操作。

代码示例：

复制代码 代码如下:

.redBack{}{

color:white;

background:red;

border:2px solid black;

}

$(document).ready(function(){

$('input').focus(function(){

$(this).addClass('redBack');

//alert("hello");

});

$('input').blur(function(){

$(this).removeClass('redBack');

});

});

根据测试的要求，在alert之后，要将光标定位到指定的位置。查阅之后发现：focus属性可以方便的做到。

alert("姓名不能为空！");

//由id定位到需要的焦点

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

即在提示输出后，焦点回到输入项。类似的也可以加入对应的样式。能高亮显示正在输入的那个文本框的话，会更人性化些，下面就使用jQuery来实现。

在document加载完成后(ready)，添加input的focus和blur事件，并进行增加和删除样式的操作。相关阅读:

ExtJs grid行 右键菜单的两种方法

vbs版sql查询分析器lcx作品

Windows9X 应用另类小技巧

JS 自定义带默认值的函数

JQuery 插件模板 制作jquery插件的朋友可以参考下

Apache服务器配置全攻略(2)

F#教程：List内包式

JSP显示内容缓存技巧

php创建多级目录代码

JavaScript教程

用PHP制作静态网站的模板框架

linux cron 下的定时执行工具使用技巧

PHP面向对象编程快速入门

vbs自动填表单分析附源码