记录表单提交的那些琐事~

业务场景

一个输入框回车，触发表单提交事件，导致页面刷新问题

<form action="">
    <input type='text' focus />
</form>

MDN规范：

解决方法：
1.添加一个隐藏的input

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

2.阻止表单提交

<input type="text" onkeydown="return disabledKeyDown(event)" />
function disabledKeyDown(e) {
    if (e.keyCode == 13) return false;
}

参考链接：blog.csdn.net/jin8907/art…

会陆续更新