键盘回车事件导致页面刷新
2016-05-30 21:52
302 查看
最近在做ajax无刷新页面的时候,在文本框输入关键字按回车,页面自动刷新了。这不是我想要的效果,后来发现按回车键会自动提交表单,于是将form去掉,果然不刷新了。但是这样的解决方式感觉还是有问题,所以我百度了下,发现还有几种解决方式,列出来作为笔记:
1.一个表单下,如果只有一个文本框时,按下回车将会触发表单的提交事件。
既然是只有一个文本框才会出问题,那么可以加一个隐藏的文本框,如下:
<input type="text" style="display:none"
2.如果不需要提交表单的情况下,可以去掉form头。
1.一个表单下,如果只有一个文本框时,按下回车将会触发表单的提交事件。
既然是只有一个文本框才会出问题,那么可以加一个隐藏的文本框,如下:
<input type="text" style="display:none"
2.如果不需要提交表单的情况下,可以去掉form头。
相关文章推荐
- Ajax
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- 使用Ajax实现异步用户名验证
- 使用ajax实现用户登录验证(升级版)
- 解决Ajax悬停效果,无法遮蔽FLASH的问题
- 在线用表单建立文件夹
- 再谈Jquery Ajax方法传递到action(补充)
- Jquery 表单取值赋值的一些基本操作
- Dom在ajax技术中的作用说明
- AJAX实现瀑布流触发分页与分页触发瀑布流的方法
- 使用Ajax实时检测"用户名、邮箱等"是否已经存在
- 探讨Ajax中同步与异步之间的区别
- ajax中data传参的两种方式分析
- 原生AJAX写法实例分析
- 探秘ajax跨域请求
- Ajax实现简单下拉选项效果【推荐】
- JQuery ajax返回JSON时的处理方式 (三种方式)
- Ajax中浏览器和服务器交互详解
- jQuery AJAX实现调用页面后台方法