javascript中的函数在调用时不起作用

Question

我有一个javascript代码，通过删除它的第一行和最后一行来工作。

请查看JSFiddle

对于想要在这里看到它的人来说，这是我的HTML：

<input id="search" onclick="search()" type="button" value="Search"/>

我的javascript：

    function search() {
var search = document.getElementById('search');

var int = setInterval(function() {
    if (search.value.length == 6)
        search.value = 'Searchi';
    else if (search.value.length == 7)
        search.value = 'Searchin';
    else if (search.value.length == 8)
    search.value = 'Searching';
    else {
        search.value= 'Search';
            }
    //clearInterval( int ); // at some point, clear the setInterval
}, 500);

}

我希望该功能仅在我点击按钮时才能工作。

Answer 1

您在jsfiddle.net中选择了jQuery，默认情况下会导致该网站将您的整个代码包装在document.ready处理程序中。

结果是您的search函数成为该包装器中的本地函数，而不是DOM0 onclick处理程序所需的全局变量。

将jsfiddle选项设置为“no wrap（body）”和“No-Library（pure js）”以关闭该功能。