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,代码截图

 

相关文章
|
2月前
|
JavaScript 前端开发
JavaScript如何遍历表单元素?
JavaScript如何遍历表单元素?
|
2月前
编程笔记 html5&css&js 022 HTML表单概要
编程笔记 html5&css&js 022 HTML表单概要
|
2月前
|
移动开发 JavaScript 前端开发
分享88个表单按钮JS特效,总有一款适合您
分享88个表单按钮JS特效,总有一款适合您
38 1
|
2月前
|
存储 移动开发 JSON
分享86个表单按钮JS特效,总有一款适合您
分享86个表单按钮JS特效,总有一款适合您
46 1
|
4天前
|
存储 资源调度 前端开发
JavaScript 使用axios库发送 post请求给后端, 给定base64格式的字符串数据和一些其他参数, 使用表单方式提交, 并使用onUploadProgress显示进度
使用 Axios 发送包含 Base64 数据和其他参数的 POST 请求时,可以通过 `onUploadProgress` 监听上传进度。由于整个请求体被视为一个单元,所以进度可能不够精确,但可以模拟进度反馈。前端示例代码展示如何创建一个包含 Base64 图片数据和额外参数的 `FormData` 对象,并在上传时更新进度条。后端使用如 Express 和 Multer 可处理 Base64 数据。注意,实际进度可能不如文件上传精确,显示简单加载状态可能更合适。
|
1月前
|
JavaScript
|
21天前
|
前端开发 JavaScript 容器
程序技术好文:纯原生javascript下拉框表单美化实例教程
程序技术好文:纯原生javascript下拉框表单美化实例教程
13 0
|
23天前
|
算法 JavaScript 安全
一篇文章讲明白JavaScript_提交表单和MD5算法密码加密
一篇文章讲明白JavaScript_提交表单和MD5算法密码加密
11 0
|
2月前
|
存储 JavaScript 前端开发
Vue.js表单开发宝藏工具集,让构建表单变得轻松又酷炫!
Vue Tiny Validate 是最小的验证库,如果你只需要最基本的功能,它可以帮你减轻负担。
30 3