input点击后placeholder中的提示消息消失离开时显示

最新推荐文章于 2023-04-06 16:05:37 发布

前端小白

最新推荐文章于 2023-04-06 16:05:37 发布

阅读量604

点赞数

分类专栏：前端文章标签：前端 js

本文链接：https://blog.youkuaiyun.com/weixin_44729896/article/details/103263203

版权

前端专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的输入框焦点切换效果，当输入框获得焦点时清除占位符，当输入框失去焦点时恢复占位符。通过监听onfocus和onblur事件，实现了动态的用户体验改进。

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

两个事件：

1.onfocus //聚焦
2.onblur //鼠标离开

for(var i = 0;i < $("input").length;i++){
			var k = $("input").eq(i);
			var content;
			k.focus(function(){
				content = $(this).attr("placeholder");
				$(this).attr("placeholder","");
			});
			k.blur(function(){
				$(this).attr("placeholder",content);
			})
		}