回车导致刷新页面的问题

原因

刷新页面是因为form表单的提交事件
当表单只有一个文本框时,此时按下回车会触发表单的提交事件
app的刷新行为也是因为触发了表单的提交事件

解决方式

方式一

增加一个隐藏的文本框

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

方式二

阻止表单的默认行为

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

方式三

单独处理文本框的回车事件

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

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

网站导航

网站导航

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容