jQuery实现设置 移除文本框默认值功能

web前端|js教程

jQuery,默认值,文本

web前端-js教程

jQuery实现的文本框默认值感应鼠标动作，本章节介绍一下如何利用jQuery实现文本框默认值感应鼠标动作的功能。有jQuery代码哦~

物流报价管理系统源码,ubuntu安装数据删除,tomcat连接最大空闲时间,python爬虫面试简历,PHP-127有机硅,常州seo收费lzw

比如当文本框获取鼠标焦点的时候，默认值会被清空，当文本框没有输入内容，鼠标焦点离开的时候，又会恢复到默认值。

代码实例:

3g文章网站源码,ubuntu 配置国内源,爬虫 url 参数 sign,boostrap php,宜昌外贸seolzw

$(document).ready(function(){ $("#email").focus(function(){var email_txt = $(this).val();if(email_txt == this.defaultValue){ $(this).val("");} }) $("#email").blur(function(){var email_txt = $(this).val();if (email_txt == "") { $(this).val(this.defaultValue);} }) })

房卡麻将app源码完整版,ubuntu启动菜单时间,爬虫搜索算法,php s( ),平度seo系统lzw

上面的代码实现了我们的要求，下面简单介绍一下它的实现原理：

非常的简单，就是为文本框注册focus和blur事件处理函数，当文本框获取焦点的时候，如果文本框的内容和默认值相同，那么就会清空文本框，当焦点离开文本框的时候，如果文本框的内容为空，那么就会恢复到默认值。

或者使用下面的代码：

$(.default-value).each(function() { var default_value = this.value; $(this).focus(function(){if(this.value == default_value) { this.value = \;} }); $(this).blur(function(){if(this.value == \) { this.value = default_value;} });});