视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
解析HTML页面禁用Enter键自动提交表单的方法详解
2020-11-27 15:33:34 责编:小OO
文档


下面小编就为大家带来一篇HTML页面禁用Enter键自动提交表单的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

在HTML页里面由于使用了form,常常需要禁用enter提交表单。因为内容页或者母版页自身有如果有type="submit"的button,当textbox聚焦时,按下enter都会触发表单的默认提交(不论是IE还是firefox),于是需要在onkeydown中监听用户的按键。实际测试,IE8中导致表单提交的不确定因素太多,点击表单的table中的td都会触发表单提交,而firefox则不会;于是在ie和ff中禁用表单提交需要不同的思路。

对于IE:

只有当事件源是TEXTAREA时才return true,允许默认动作;其他元素全部return false,禁止表单提交和任何响应。

对于firefox:

只有当事件源是INPUT时才return false禁止表单默认动作;而其他元素则return true允许默认动作,比如textarea的多行输入。

于是完整的代码如下:

<mce:script language="javascript" type="text/javascript"><!-- 
 //禁用Enter键表单自动提交 
 document.onkeydown = function(event) { 
 var target, code, tag; 
 if (!event) { 
 event = window.event; //针对ie浏览器 
 target = event.srcElement; 
 code = event.keyCode; 
 if (code == 13) { 
 tag = target.tagName; 
 if (tag == "TEXTAREA") { return true; } 
 else { return false; } 
 } 
 } 
 else { 
 target = event.target; //针对遵循w3c标准的浏览器,如Firefox 
 code = event.keyCode; 
 if (code == 13) { 
 tag = target.tagName; 
 if (tag == "INPUT") { return false; } 
 else { return true; } 
 } 
 } 
 }; 
 
// --></mce:script>

将上述的javascript代码应用于需要禁用Enter键自动提交表单的页面,经测试IE,Firefox和Chrome浏览器都完美解决Enter键自动提交表单问题。

下载本文
显示全文
专题