鼠标光标在input框，单击回车键后防止页面刷新的问题

问题描述：在页面中有一个input框，在输入完成时单机回车键导致整个页面刷新了

分析原因：这样的页面一般是由一个input框和一个form表单构成的，按下回车键之后就会默认提交表单了。

解决办法：方法一：在页面添加一个input框，样式设置为隐藏

　　　　　　

<input type="text" style="display: none;">

方法二：给input框添加onkeydown事件阻止事件冒泡

　　

<input type="text" onkeydown="checkInfo(event,this)">
<script>
    function checkInfo(event,self){
        if (event.keyCode == 13) {
            event.cancleBubble = true;
            event.returnValue = false;
            return false;
        }
    }
</script>