jquery搜索文本框提示

最新推荐文章于 2023-10-21 17:31:41 发布

weixin_30794491

最新推荐文章于 2023-10-21 17:31:41 发布

阅读量105

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/bingrong/p/3326365.html

本文介绍了一个简单的JavaScript脚本，用于实现网页中搜索框的焦点和失焦事件处理功能，当用户点击搜索框时清除默认提示文字，若离开搜索框且内容为空则恢复提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input name="" type="text" class="ser_content" value="搜索好音乐" />

//搜索文本提示
	var $ser_content = $('.ser_content');			
//得到焦点事件
	$ser_content.focus(function() {
                var text = $(this).val();
		if(text ==this.defaultValue){
			$(this).val("");
		}
            });			
//失去焦点时的事件
	$ser_content.blur(function() {
                var text = $(this).val();
		if(text == ""){
		  $(this).val(this.defaultValue)
		}
            });

转载于:https://www.cnblogs.com/bingrong/p/3326365.html