jQuery `.focus()` 不工作

Question

这是我的简单代码，但它似乎不起作用。我看了很多问答，但我不知道我做错了什么？

<!DOCTYPE html>
<head>
    <title>Test</title>
    <script     src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>
        function focus(){
            $("#input").focus();
        }
    </script>
</head>
<body>
    <button onClick="focus();">button</button>
    <input id="input">
</body>
</html>

我确定我遗漏了什么，但我不知道是什么，我希望得到这方面的任何帮助。

谢谢。

Answer 1

重命名您的焦点函数，它与 jquery 内置函数冲突 focus()

    <!DOCTYPE html>
<head>
    <title>Test</title>
    <script     src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script>
        function focus1(){
            $("#input").focus();
        }
    </script>
</head>
<body>
    <button onClick="focus1();">button</button>
    <input id="input">
</body>
</html>

DEMO

Answer 2

问题是函数 name.change 关注 library.in 中不存在的任何其他名称 jquery 库中有一个名为焦点的函数，您也将函数名称声明为焦点.

function myFunc(){
        $("#input").focus();
}

 <button onClick="myFunc();">button</button>

看看这个：

https://jsfiddle.net/onq2jgjo/

jQuery `.focus()` 不工作

jQuery `.focus()` not working

html

jquery

focus

input