jQuery focus() 方法

  • 定义和用法

    当元素获得焦点时(当通过鼠标点击选中元素或通过 tab 键定位到元素时),发生 focus 事件。
    focus() 方法触发 focus 事件,或规定当发生 focus 事件时运行的函数。
    提示:该方法通常与 blur() 方法一起使用。
  • 语法

    触发被选元素的 focus 事件
    $(selector).focus()
    添加函数到 focus 事件
    $(selector).focus(function)
  • 参数

    参数 描述
    function 可选。规定当 focus 事件发生时运行的函数。
  • 示例

    下例演示了当表单字段获得焦点时执行该函数:
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>欢迎来到蝴蝶教程</title>
        //此版本是百度cdn 1.11.1,当然你可以使用更高的版本,从2.0版本以上的是不支持ie6-8的
        <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
        <script>
            $(document).ready(function () {
                $("input").focus(function(){
                    $(this).css("background-color", "#ccc");
                });
            });
        </script>
    </head>
    <body>
        Name:  <input type="text" name="fullname" />
    </body>
    </html>
    
    尝试一下