表单中input输入框在回车时, 阻止 页面自动重新加载
问题:
今天, 在开发前端页面时, 遇到了一个问题:
开发一个表单, 有一个 input输入框, 作为 layui数据表格的 查询条件:
这个input输入框 没有绑定回车事件,但是只要点击回车会重新加载页面。
解决:
原理:
form表单中如果只有一个input输入框,浏览器默认会将回车事件绑定为submit。
解决办法:
在表单内添加一个隐藏的input即可
<input type="text" style="display:none;">
...
原创
2020-10-19 16:59:57 ·
455 阅读 ·
0 评论