jquery 输入文本框获取焦点失去焦点等事件

最新推荐文章于 2022-10-15 11:35:19 发布

爱分享乐成长

最新推荐文章于 2022-10-15 11:35:19 发布

阅读量1k

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/whhwzj/article/details/109409328

版权

jquery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文详细描述了一个前端开发中关于输入框焦点变化时取消按钮显示与隐藏的JavaScript代码片段。通过`input`、`focus`和`blur`事件监听，确保了在用户输入内容时显示取消按钮，清空输入时隐藏。

摘要由CSDN通过智能技术生成

            //输入框正在输入时
            $("#ipt").on('input',function(){
                if(!($('#ipt').val()=='')){
                    $(".cancle_ico").removeClass('hide');
                }else{
                    $(".cancle_ico").addClass('hide');
                }
            })
            //输入框得到焦点时
            $("#ipt").on('focus',function(){
                 if(!($('#ipt').val()=='')){
                    $(".cancle_ico").removeClass('hide');
                }else{
                    $(".cancle_ico").addClass('hide');
                }
            })
            //输入框失去焦点时
            $("#ipt").on('blur',function(){
                 if(($('#ipt').val()=='')){
                    $(".cancle_ico").addClass('hide');
                }else{
                    $(".cancle_ico").removeClass('hide');
                }
            })