对页面(text)进行回车键盘事件绑定的时候,页面刷新而不触发事件的问题解决

今天在用vue的时候,对text进行回车事件绑定,但是事件一直触发不了,就是页面刷新而已,用其他按键事件测试,则正常,唯独回车事件不正常,找了很久没有解决这个问题.后来发现页面自动刷新,但是参数列表为空,提交地址为空,猜测是form表单的问题,后来参考https://blog.csdn.net/xuezhongsong/article/details/6859037 博客,明白了问题所在:

问题： 鼠标聚焦到TextBox输入框时，按回车键刷新页面
原因： 当 中只有一个TextBox输入框时，当输入完成后，按回车键会自动提交，便刷新了页面

解决方法：

1、处理form

在form中添加事件

 <form onsubmit="return false;">.......</form>

2、增加一个隐藏的输入框,认为改变单个输入框

<input id="hiddenText" type="text" style="display:none" />

3、屏蔽回车键

1> 全局去掉回车事件的方法

function document.onkeydown() {
        var e = event.srcElement;
        if (event.keyCode == 13) {
            return false;
        }
    }

2> 去掉输入框的回车事件的方法

onkeydown="return ClearSubmit(event)"

<input type="text"  onkeydown="return ClearSubmit(event)" />

 function ClearSubmit(e) {
            if (e.keyCode == 13) {
                return false;
            }
   }