jsEnter键的屏蔽
来源:互联网 发布:大数据设计哪些技术 编辑:程序博客网 时间:2024/05/16 05:39
在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的多行输入。
于是完整的代码如下:
<script> 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; } } } };</script>
将上述的javascript代码应用于需要禁用Enter键自动提交表单的页面,经测试IE,Firefox和Chrome浏览器都完美解决Enter键自动提交表单问题。
阅读全文
0 0
- jsEnter键的屏蔽
- 屏蔽HOME键的做法
- 屏蔽ENTER键、ESC键的使用
- 屏蔽ENTER键、ESC键的使用
- Back键和Home键的屏蔽
- Back键和Home键的屏蔽
- 屏蔽所有键盘控制网页的键
- 屏蔽键盘所有键的javascript代码
- 关于屏蔽home键的理解
- 屏蔽模拟器Home键的方法
- android Home键的屏蔽,截取
- android屏蔽HOME键的方法
- 屏蔽后退键的俩种方式
- Android屏蔽设备的HOME键
- 屏蔽Enter键提交表单的功能
- Android屏蔽后退键的方法
- android4.0屏蔽HOME键的方法
- Alt+Ctrl+Del组合键的屏蔽
- [Windows]_[系统内部版本号对照表]
- OpenSessionInViewFilter源码分析
- gcc版本查看
- 后台秒杀架构设计与实现(一)
- 小猪的Python学习之旅 —— 1.基础知识储备
- jsEnter键的屏蔽
- Model Tree Structures with Parent References
- 《Apache Flume教程》第一章 Flume 的简介
- GR/IR与MR11的使用
- Jlink工具下的RTT调试应用
- 第一次,不敢发表太多
- word_embedding的负采样算法,Negative Sampling 模型
- 两个HTML页面之间传值
- AMOS分析技术:模型的群组分析;AMOS如何对同一个模型分别用男性数据和女性数据拟合?