我是JavaScript新手，我试着做一个搜索功能，对少量的数据。
我有下一个HTML代码：

<form name="f1">
    <input type="text" name="sbox" onkeydown=keysearch(event)>
    <button type="button" onclick=search()></button>
</form>

和下一个JavaScript实现de功能（它隐藏所有块，然后做可见的一些，比较他们的文本（上）和搜索框上的文本）：

function search() {
word = f1.sbox.value.toLowerCase()

v = document.getElementsByClassName('item')
for( i=0; i<v.length; ++i ) {
    v[i].style.display = 'none'

    s1 = i.toString()
    if( document.getElementById(s1).innerHTML.toLowerCase().indexOf(word) != -1 ) {
        s2 = s1 + "b";
        document.getElementById(s2).style.display = 'block'
    }
}
}

要应用于这样的元素：

<div id="items">
    <article id="0b" class="item">
        <h3><a id="0" href="http://www.example.com/">Example</a></h3>
        <img src="example.jpg">
    </article>
(...)
</div><!-- end items -->

所以，所有的工作权利.问题是，当我试图添加另一个函数，让用户使用回车键，而不是只使用鼠标点击使用搜索框.这是我的代码：

function keysearch(e) {
    var charCode
    
    if( e && e.which ) {
        charCode = e.which
    } else if( window.event ) {
        e = window.event
        charCode = e.keyCode
    }

    if( charCode == 13 ) {
        search() // call the function above
    }
}

我有一些我找不到的问题，其实第二个功能也可以，但是它做得太快了，所以我可以看到它的结果不到一秒钟，然后所有的东西都回到了原来的位置。
拜托......给我点建议？
PS：在此之前，我会为这个搜索框做一个“即时搜索”，所以如果你有一些想法...再次感谢。