首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

回车页面刷新的解决方法

2012-06-28 
回车页面刷新的解决办法在页面中,在控件上(比如说文本框)敲击回车键的时候会刷新页面,如何防止这样的刷新,

回车页面刷新的解决办法

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

出现这种问题的原因是:

会自动生成<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;
?????? }
}

?

热点排行