搜索框按回车 刷新了页面

我今天遇到的一个问题，在搜索框里，输入要查询的内容，点击回车，执行按钮事件，也就是用户的体验问题，下面是详细代码，希望对你有帮助。

这是JS代码：

<script>

    //按钮回车事件

    function searchenter(event) {

        //方法名，函数名

        var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode; //判断是不是事件。

        if (keyCode == 13) {

            //判断按键值是不是回车。

            if ($('#txtKeyWord' ).val() == '') {

                //如果文本框为空就退出。

                return false ;

            }

            document.all.btnSearch.click();

        }

    }

</script>

下面是文本框和按钮

<input name="" type="text" id="txtKeyWord" placeholder="请输入搜索内容" onkeydown="searchenter(event)">

<button class="button" id="btnSearch">搜索 </button>