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

·  阅读 21

业务场景

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

<form action="">
    <input type='text' focus />
</form>
复制代码

MDN规范: image.png

解决方法:
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…

会陆续更新

分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改