1, form中只有1个input[type="submit"],测试回车是否自动提交

2, form中有1个input[type="text"]和1个input[type="submit"],测试回车是否自动提交

3, form中有2个以上input[type="text"]和1个input[type="submit"]

4, 无form,只有1个input[type="text"]和1个input[type="submit"],用javascript控制跳转,测试回车是否触发事件

5, 无form,只有1个input[type="text"]和1个input[type="button"],同上,测试回车时是否触发button的click事件

6, form中有2个以上input[type="text"]和1个button,同上,测试回车时浏览器行为

7, 测试form中textarea和select是否响应回车键


总结

  1. 可以控制表单提交的事件是submit按钮的click事件,控制onclick事件可保证浏览器兼容性;
  2. IE中对form的反应更“灵敏”,回车时会直接触发submit的onclick事件,JS无法阻止;
  3. 当只有一个input[type=text],希望阻止回车时默认的submit行为(如采用ajax方式),可以在form中再添加1个input[type=text],将其display:none便可。
  4. 以上测试环境为: IE6 原版, Firefox 3.6, Opera 10, Chrome 6.0, Safari 5.0;