javascript - 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

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

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

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