20191010

炎666

于 2019-10-13 18:58:10 发布

阅读量74

点赞数

本文链接：https://blog.csdn.net/yan66666699999/article/details/102536161

版权

阻止事件冒泡

焦点事件

</head>
<body>
	<div id="tips"></div>
	<div class="box" id="fox">
		<label>用户名: <input id="user" type="text" /></label><br>
		<label>密码: <input type="password" id="pass" /></label><br>
		<button id="login">登录</button>
	</div>
	<script type="text/javascript">
		var btn=document.getElementById('login');
		btn.onclick=function(e){
			$('tips').style.display='block';
			$('tips').innerHTML='注意:输入内容不能为空!';
		}
		window.onload=function(){
			addBlur($('user'));
			addBlur($('pass'));
		};
		function $(obj){
			return document.getElementById(obj);
		}
		function addBlur(obj){
			obj.onblur=function(){
				isEmpty(this);
			};
		}
		function isEmpty(obj){
			if(obj.value===''){
				$('tips').style.display='block';
				$('tips').innerHTML='注意:输入内容不能为空!';
			}else{
				$('tips').style.display='none';
			}
		}
	</script>
</body>

Enter键切换

用户姓名:

电子邮箱:

手机号码:

个人描述: