当前位置: 代码迷 >> Web前端 >> 回车页面刷新的解决方法
  详细解决方案

回车页面刷新的解决方法

热度:303   发布时间:2012-06-28 15:20:03.0
回车页面刷新的解决办法

在页面中,在控件上(比如说文本框)敲击回车键的时候会刷新页面,如何防止这样的刷新,方法如下:

出现这种问题的原因是:

会自动生成<form></form>表单。当点击回车按钮的时候,表单会自动进行提交到服务器。

解决办法:

1、只要把显示层放置到<form></form>以外就不会刷新了。

2、给form增加属性onsubmit=return false;

3、如果只有一个文本框时,按下回车将会触发表单的提交事件。既然是只有一个文本框才会出问题,那就加一个<input id=”hiddenText” type=”text” style=”display:none” />

4、捕获回车事件 :

//回车事件
function EnterPress8(){
if (event.keyCode == 13)
?????? {?????
??????? window.event.returnValue = false;
?????? }
}

?

  相关解决方案