javascript - 使用表单时输入按钮不起作用

Question

这是我的代码:

<form>
    <input type="text" id="input"/>
    <br/>
    <div id="buttons">
        <input id="search" onclick="search()" type="button" value="Search"/>
        <input type="button" value="Random"/>
        <script type="text/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);
        }​
        </script>
    </div>
    </form>

当 <form> 时按钮功能不起作用元素在代码中。通过删除表单元素，您将看到 JavaScript 可以正常工作!我想知道是什么问题？我该如何解决它？

另外，对于我想要的结果是否有更好的代码？有人告诉我，我正在使用 JavaScript 的旧方法!

Answer 1

更改元素id-search，它在IE中隐藏全局对象的search功能:

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

应该是:

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

附注

int is a reserved word在 javascript 中，尽管它同时不执行任何操作，就像 class 和 private 等'，因此应该避免。