js onfocus和onblur事件

最新推荐文章于 2022-11-22 22:15:17 发布

职场菜白

最新推荐文章于 2022-11-22 22:15:17 发布

阅读量265

点赞数

文章标签：前端 javascript

本文链接：https://blog.csdn.net/qq_31338839/article/details/125582072

版权

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>New Document</title>
<meta name="generator" content="EverEdit" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script>
	function focusFn(thisobj){
		if(thisobj.value=="请输入用户名..."){
			thisobj.value="";
		}
	}
	function blurFn(thisobj){
		//如果输入框中没有任何内容,才恢复提示消息
		if(thisobj.value==""){
			thisobj.value="请输入用户名...";
		}
	}
</script>
</head>
<body>
	用户名:<input type="text" id="username" name="username" value="请输入用户名..." 
		onfocus="focusFn(this)" onblur="blurFn(this)" >
</body>
</html>