js 回车提交表单

1,js 输入框如何铺货回车事件?

在onkeypress

事件中捕获,即在keypress事件中,判断按下的键是否是enter,其对应keyCode是13

 

Html代码  

1. <input type="text" name="email" placeholder="电子邮箱"  
2.                                                           onkeypress="pressEnterTo(event,user.register,this)" required>  

 js pressEnterTo 方法实现如下

 

 

Js代码  

1. /*** 
2.  enter to to something identified by responseEvent 
3.  */  
4. var pressEnterTo = function pressEnterTo(event, responseEvent, arguments2) {  
5.     if (!event || event == undefined) {  
6.         event = window.event || arguments.callee.caller.arguments[0];  
7.     }  
8. var eventTarget = event.srcElement ? event.srcElement : event.target;  
9.     if (event.keyCode == 13 && responseEvent && typeof responseEvent === 'function') {//Enter  
10. if(arguments2==undefined){  
11.             arguments2=eventTarget;  
12.         }  
13.         responseEvent(arguments2);  
14.     }  
15. };  

 

 

2,pressEnterTo参数

第一个参数:事件对象

第二个参数:响应方法,即事件的处理方法

第三个参数:响应方法的参数

所以,如果想要文本框回车就提交表单,就把提交表单的方法作为第二个参数穿进去即可.

3,代码截图