• 技术文章 >web前端 >前端问答

    jquery怎样添加丢失焦点事件

    长期闲置长期闲置2022-01-14 11:12:34原创78

    在jquery中,可以利用blur()方法添加丢失焦点事件,该方法用于规定当元素失去焦点时发生blur事件,或者如果设置了function参数,该方法也可规定当元素丢失焦点时执行的代码,语法为“$(selector).blur()”。

    本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

    jquery怎样添加丢失焦点事件

    当元素失去焦点时发生 blur 事件。

    blur() 函数触发 blur 事件,或者如果设置了 function 参数,该函数也可规定当发生 blur 事件时执行的代码。

    触发被选元素的 blur 事件。

    语法为:

    $(selector).blur()

    规定当被选元素的 blur 事件发生时运行的函数。

    语法为:

    $(selector).blur(function)

    示例如下:

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("input").focus(function(){
        $("input").css("background-color","#FFFFCC");
      });
      $("input").blur(function(){
        $("input").css("background-color","#D6D6FF");
      });
    });
    </script>
    </head>
    <body>
    <input type="text" />
    <p>请在上面的输入域中点击,使其获得焦点,然后在输入域外面点击,使其失去焦点。</p>
    </body>
    </html>

    输出结果:

    +1.gif

    相关视频教程推荐:jQuery视频教程

    以上就是jquery怎样添加丢失焦点事件的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery怎样判断是否包含某个id元素 下一篇:jquery怎样替换标签里的内容

    相关文章推荐

    • jquery怎样判断被选中是第几个• jquery中的data是什么意思• jquery怎样设置只能填数字• 十分钟搞懂jquery对元素的基本操作• jquery中除法怎样取小数点后两位

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网