您的位置: 首页  >  文章  >  js 回车提交表单

js 回车提交表单

分类: 文章 • 2022-10-09 00:00:39

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

在onkeypress

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

 

Html代码  js 回车提交表单
  1. <input type="text" name="email" placeholder="电子邮箱"  
  2.                                                           onkeypress="pressEnterTo(event,user.register,this)" required>  

 js pressEnterTo 方法实现如下

 

 

Js代码  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,代码截图
js 回车提交表单
 

相关推荐