通过jq来监听input的输入状态，实现角标的显示／隐藏

最新推荐文章于 2021-12-28 14:25:09 发布

付出总会有收获

最新推荐文章于 2021-12-28 14:25:09 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/qq_25835645/article/details/78432145

JavaScript 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种在用户输入内容后显示清除按钮的方法，并详细解释了如何通过监听 input 事件来实现该功能。当用户点击清除按钮时，输入框的内容会被清空。

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

//监听input获取焦点事件，如果有值即显示清空键
	$('.login-enter-main-content-User').on('input propertychange', function() {
		if($("#userName").val().length > 0) {
			$("#clearData").css("display", "inline");
			$("#clearData").on("click", function() {
				$("#userName").val("");
			});
		}
	});

过程：

通过监听input propertychance事件，实现输入框输入内容后，就会显示删除角标，点击角标就会清空输入框内容。