jQuery中blur和focus事件的应用

最新推荐文章于 2022-10-26 15:09:25 发布

诠释代码

最新推荐文章于 2022-10-26 15:09:25 发布

阅读量448

点赞数

本文链接：https://blog.csdn.net/paopao2586/article/details/24307275

版权

我们在建立表单的时候，有些表单是有默认值的，可以提示用户输入信息。比如：光标移入，表单默认值消失，光标移除，默认值又还原。
HTML部分：





    
    
Document
<script type="text/javascript" src="js/jquery.min.js"></script>

CSS部分：

.main{width: 600px; padding: 20px;margin: 20px auto; color:#333; font-size: 12px; border: 1px solid #333; height: 110px; overflow: hidden;}

JQuery部分：

$(function(){
	$('#user').focus(function(){
		var val = $('#user').val();
		if (val == this.defaultValue) {
			$(this).val("");
		};
	}).blur(function(){
		var val = $('#user').val();
		if (val == "") {
			$(this).val(this.defaultValue);
		};
	});
})