首页 > 代码库 > form表单里如果只存在一个文本框,enter键提交
form表单里如果只存在一个文本框,enter键提交
在这里说一说浏览器里form表单的默认行为
我们都知道浏览器是存在很多默认行为的,可能是出于常用行为考虑又或者是历史原因。但有时候我们不需要这些默认行为。以下:
1)、当form表单里只存在一个input输入框时,回车会提交表单操作。
解决方法可以在form里面再加入一个隐藏的input输入框,或者把input从form里面放出来。
2)、当form表单里有一个type=”submit”的按钮,回车会自动提交。
3)、当form表单里的button按钮没有加type类型时,在ie下默认是button类型,标准浏览器下是submi类型
最好加上type=button,以保持各浏览器保持一致
4)、 其他表单元素如textarea、select不影响,radio checkbox不影响触发规则,但本身在Firefox下会响应回车键,在IE下不响应。
5)、type=”image”的input,效果等同于type=”submit”,不知道为什么会设计这样一种type,不推荐使用,应该用CSS添加背景图合适些。
<script type="text/javascript">
document.onkeydown=keyDownSearch;
function keyDownSearch(e) {
// 兼容FF和IE和Opera
var theEvent = e || window.event;
var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
if (code == 13) {
DoSomeThing();//具体处理函数
return false;
}
return true;
}
</script>
如果只是针对某个DIV层应用回车查询的话,可以将:
document.onkeydown=keyDownSearch;
改成:
document.getElementById(‘层ID‘).onkeydown=keyDownSearch;
form表单里如果只存在一个文本框,enter键提交