input 获取/失去焦点

最新推荐文章于 2024-07-15 16:06:08 发布

混迹在开发队伍里的伪开发

最新推荐文章于 2024-07-15 16:06:08 发布

阅读量1.2k

点赞数

分类专栏： js html 文章标签： js

本文链接：https://blog.csdn.net/weixin_42645716/article/details/87984032

版权

js 同时被 2 个专栏收录

43 篇文章 0 订阅

订阅专栏

html

2 篇文章 0 订阅

订阅专栏

第一种写法：

<input type="text" value="请输入姓名" onblur="if(this.value==''){this.value='请输入姓名'}" onfocus="if(this.value=='请输入姓名'){this.value=''}"/>

第二种写法：

<input type="text" value="请输入姓名">
$("input").focus(function(){
     $(this).addClass("focus");
 });
 $("input").blur(function(){
     $(this).removeClass("focus");
 });

第三种写法：

//输入
$("input").on('input', function () {
   $(this).addClass("input");
})
//获取焦点
$("input").on('focus', function () {
   $(this).addClass("focus");
})
//失去焦点
$("input").on('blur', function () {
   $(this).removeClass("focus");
})