日期:2014-05-17  浏览次数:20731 次

html:file 回车提交的问题
这样的一个js,焦点如果在file的文本框中按回车时,页面是会提交的

<form>
<input type="file" >
</form>


但其实不单单是file控件,text控件也会的哦~

<form>
<input type="text" >
</form>


那这是为什么呢?
强大的搜索引擎给了我答案~
  • 如果表单里有一个type=”submit”的按钮,回车键生效。
  • 如果表单里只有一个type=”text”的input,不管按钮是什么type,回车键生效。
  • 如果按钮不是用input,而是用button,并且没有加type,IE下默认为type=button,FX默认为type=submit。
  • 其他表单元素如textarea、select不影响,radio checkbox不影响触发规则,但本身在FX下会响应回车键,在IE下不响应。
  • type=”image”的input,效果等同于type=”submit”。


解决html:file提交问题的方法有2个
第一种:
<form>
<input type="file" >
<input type="text" style="display:none">
</form>


第二种:
<form>
<input type="file" onkeydown="if (window.event.keyCode==13) {return false;}">
</form>