input 默认设置值设置，单击后自动变为空

最新推荐文章于 2024-11-08 17:58:40 发布

sigangjun

最新推荐文章于 2024-11-08 17:58:40 发布

阅读量6.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： html

本文链接：https://blog.youkuaiyun.com/sigangjun/article/details/19483545

html 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了如何使用HTML和JavaScript实现输入框的聚焦、失焦和键盘事件处理，包括清除默认提示文本、改变文本颜色等操作。

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

<input type="text" value="请输入课程名称、课程介绍关键字" style="color: #aaa" id="search_word_input" />
<script>
var s=document.getElementById("search_word_input");
s.onfocus=function(){
	if(this.value==this.defaultValue)
		this.value=''
	};
s.onblur=function (){
	if(/^\s*$/.test(this.value)){
		this.value=this.defaultValue;
		this.style.color='#aaa'
		}
	}
s.onkeydown=function(){ 
	this.style.color='#333'
}
</script>