位置: IT常识 - 正文

HTML+JS 实现 input 框回车事件(js设置input值)

编辑:rootadmin
HTML+JS 实现 input 框回车事件 1. Introduction

推荐整理分享HTML+JS 实现 input 框回车事件(js设置input值),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:html,html input怎么用,html input怎么用,html inputtype,html input怎么用,js 输出html,html input怎么用,html input怎么用,内容如对您有帮助,希望把文章链接给更多的朋友!

在程序猿的工作中,经常会遇见一些表单数据的提交,对于有表单的东西而言,input输入框是非常常见的,所以对于一些input的基本事件,我们需要去掌握。

很多时候input框我们输入结束后都习惯直接按回车,而不是点击button。在form表单中可以实现点击回车即可提交表单,但如果只是一个单独的input框,则无法通过直接按回车来提交内容。

2. Method

这种情况我们可以使用JavaScript脚本实现input框回车事件,其实现方法很简单,这里用到了jQuery框架,代码如下:只需要在script标签中直接加入以下内容即可。

$(document).ready(function () { $("input").keydown(function (event) { if (event.keyCode == 13) { //这里写事件,例如写个 a(); } });});

这里给出一个input框示例:

<input type="text" autocomplete="off" placeholder="请输入英文单词"></input>

keycode==13即代表按下了回车键,同理可以通过更改此代码实现其他按键的触发事件。

3. Appendix

下面是每个keycode的对应:

2 keyCode 8 = BackSpace BackSpace

3 keyCode 9 = Tab Tab

4 keyCode 12 = Clear

5 keyCode 13 = Enter

6 keyCode 16 = Shift_L

7 keyCode 17 = Control_L

8 keyCode 18 = Alt_L

9 keyCode 19 = Pause

10 keyCode 20 = Caps_Lock

11 keyCode 27 = Escape Escape

12 keyCode 32 = space

13 keyCode 33 = Prior

14 keyCode 34 = Next

15 keyCode 35 = End

16 keyCode 36 = Home

17 keyCode 37 = Left

18 keyCode 38 = Up

19 keyCode 39 = Right

20 keyCode 40 = Down

21 keyCode 41 = Select

22 keyCode 42 = Print

23 keyCode 43 = Execute

24 keyCode 45 = Insert

25 keyCode 46 = Delete

26 keyCode 47 = Help

27 keyCode 48 = 0 equal braceright

28 keyCode 49 = 1 exclam onesuperior

29 keyCode 50 = 2 quotedbl twosuperior

30 keyCode 51 = 3 section threesuperior

31 keyCode 52 = 4 dollar

32 keyCode 53 = 5 percent

33 keyCode 54 = 6 ampersand

34 keyCode 55 = 7 slash braceleft

35 keyCode 56 = 8 parenleft bracketleft

36 keyCode 57 = 9 parenright bracketright

37 keyCode 65 = a A

38 keyCode 66 = b B

39 keyCode 67 = c C

40 keyCode 68 = d D

41 keyCode 69 = e E EuroSign

42 keyCode 70 = f F

43 keyCode 71 = g G

44 keyCode 72 = h H

45 keyCode 73 = i I

46 keyCode 74 = j J

47 keyCode 75 = k K

48 keyCode 76 = l L

HTML+JS 实现 input 框回车事件(js设置input值)

49 keyCode 77 = m M mu

50 keyCode 78 = n N

51 keyCode 79 = o O

52 keyCode 80 = p P

53 keyCode 81 = q Q at

54 keyCode 82 = r R

55 keyCode 83 = s S

56 keyCode 84 = t T

57 keyCode 85 = u U

58 keyCode 86 = v V

59 keyCode 87 = w W

60 keyCode 88 = x X

61 keyCode 89 = y Y

62 keyCode 90 = z Z

63 keyCode 96 = KP_0 KP_0

64 keyCode 97 = KP_1 KP_1

65 keyCode 98 = KP_2 KP_2

66 keyCode 99 = KP_3 KP_3

67 keyCode 100 = KP_4 KP_4

68 keyCode 101 = KP_5 KP_5

69 keyCode 102 = KP_6 KP_6

70 keyCode 103 = KP_7 KP_7

71 keyCode 104 = KP_8 KP_8

72 keyCode 105 = KP_9 KP_9

73 keyCode 106 = KP_Multiply KP_Multiply

74 keyCode 107 = KP_Add KP_Add

75 keyCode 108 = KP_Separator KP_Separator

76 keyCode 109 = KP_Subtract KP_Subtract

77 keyCode 110 = KP_Decimal KP_Decimal

78 keyCode 111 = KP_Divide KP_Divide

79 keyCode 112 = F1

80 keyCode 113 = F2

81 keyCode 114 = F3

82 keyCode 115 = F4

83 keyCode 116 = F5

84 keyCode 117 = F6

85 keyCode 118 = F7

86 keyCode 119 = F8

87 keyCode 120 = F9

88 keyCode 121 = F10

89 keyCode 122 = F11

90 keyCode 123 = F12

91 keyCode 124 = F13

92 keyCode 125 = F14

93 keyCode 126 = F15

94 keyCode 127 = F16

95 keyCode 128 = F17

96 keyCode 129 = F18

97 keyCode 130 = F19

98 keyCode 131 = F20

99 keyCode 132 = F21

100 keyCode 133 = F22

101 keyCode 134 = F23

102 keyCode 135 = F24

103 keyCode 136 = Num_Lock

104 keyCode 137 = Scroll_Lock

105 keyCode 187 = acute grave

本文链接地址:https://www.jiuchutong.com/zhishi/287958.html 转载请保留说明!

上一篇:解决CitSpace分析新版本web of science文献报错“the timing slicing setting is outside the range of your data”(citespace分析derwent)

下一篇:python 查看程序的GPU显存占用(python程序怎么看)

  • 抖音审核要多久呢(抖音审核多久才发布)

    抖音审核要多久呢(抖音审核多久才发布)

  • 荣耀x10max有没有nfc功能(荣耀x10max有没有红外线遥控功能)

    荣耀x10max有没有nfc功能(荣耀x10max有没有红外线遥控功能)

  • 抖音为什么只能播放一半(抖音为什么只能发日常了)

    抖音为什么只能播放一半(抖音为什么只能发日常了)

  • 苹果手机相机分辨率设置在哪里(苹果手机相机分辨率在哪里看)

    苹果手机相机分辨率设置在哪里(苹果手机相机分辨率在哪里看)

  • 手机的浏览器在哪里找(手机浏览器在哪里找)

    手机的浏览器在哪里找(手机浏览器在哪里找)

  • ipadpro2020屏幕刷新率(ipad pro2021屏幕刷新)

    ipadpro2020屏幕刷新率(ipad pro2021屏幕刷新)

  • 小米浏览器记录删除恢复(小米浏览器记录只有一天)

    小米浏览器记录删除恢复(小米浏览器记录只有一天)

  • 华为nova7se充电速度(华为nova7se充电器多少瓦)

    华为nova7se充电速度(华为nova7se充电器多少瓦)

  • 华为mate30耳机孔在哪(华为mate30耳机孔型号)

    华为mate30耳机孔在哪(华为mate30耳机孔型号)

  • 淘宝不退不换可以退吗(淘宝买东西不退不换)

    淘宝不退不换可以退吗(淘宝买东西不退不换)

  • oppor11充电器参数(oppor11充电头参数)

    oppor11充电器参数(oppor11充电头参数)

  • 苹果换手机号发信息(iphone换手机号码发短信)

    苹果换手机号发信息(iphone换手机号码发短信)

  • 手机qq好友怎么定位(手机qq好友怎么恢复删除掉的好友)

    手机qq好友怎么定位(手机qq好友怎么恢复删除掉的好友)

  • 南方cass怎么标注边长(南方cass怎么标注长度尺寸)

    南方cass怎么标注边长(南方cass怎么标注长度尺寸)

  • 通常所说的微机主机是指(通常所说的微机计算机的主机主要包括)

    通常所说的微机主机是指(通常所说的微机计算机的主机主要包括)

  • 快手视频编辑用什么软件(快手视频编辑用什么手机)

    快手视频编辑用什么软件(快手视频编辑用什么手机)

  • ps4连wifi的步骤(ps4连接wifi教程)

    ps4连wifi的步骤(ps4连接wifi教程)

  • 小爱同学没有wifi能用吗(小爱同学没有wifi怎么用蓝牙)

    小爱同学没有wifi能用吗(小爱同学没有wifi怎么用蓝牙)

  • 联通4ghd是什么意思

    联通4ghd是什么意思

  • 支付通pos机怎么用

    支付通pos机怎么用

  • 苹果小球在哪里设置(苹果小球在哪里关闭)

    苹果小球在哪里设置(苹果小球在哪里关闭)

  • iqoo后面的灯怎么亮(iqoo后面灯怎么打开)

    iqoo后面的灯怎么亮(iqoo后面灯怎么打开)

  • 快手怎么与主播连麦(快手怎么与主播视频连线)

    快手怎么与主播连麦(快手怎么与主播视频连线)

  • 5g网络靠什么传播(5g网络是用什么传播的?)

    5g网络靠什么传播(5g网络是用什么传播的?)

  • 【Promise】一文带你了解promise并解决回调地狱(promise thenable)

    【Promise】一文带你了解promise并解决回调地狱(promise thenable)

  • zip()函数如何在python中遍历多个列表?(puthon zip函数)

    zip()函数如何在python中遍历多个列表?(puthon zip函数)

  • 政府补助利得要交企业所得税吗怎么算
  • 预付卡发票可以报销吗?
  • 超市卡发票可以抵扣吗
  • 捐赠的固定资产账务处理
  • 产品成本核算需要经过哪些程序
  • 制造企业售后服务方案
  • 分摊长期待摊费用的会计分录
  • 一般纳税人苗木发票可以抵扣吗
  • 增值税减少在借方还是贷方
  • 注销公司账不平怎么办
  • 应纳税所得额要减所得税费用吗
  • 酒店水电费分录
  • 申请双软企业会查员工学历吗
  • 政策性减免单位社保
  • 未开发票的结算款怎么入账?
  • 税金的分录
  • linux网络管理实训总结
  • 缴纳集团公司的税收
  • 进程program
  • win10平板模式怎么切换
  • 电风扇需要用完电再充吗
  • 出纳岗位的职责是什么
  • 周转材料的领用及摊销方法
  • 固定资产后续支出资本化和费用化
  • vue3+vite+typescript出现does not provide an export named ‘xxx‘ 解决方法
  • 利用漏洞每天获利万元
  • 政府会计制度固定资产折旧方法
  • php查找字符串中的某个字符
  • Vision Transformer 模型详解
  • 黏菌算法总结
  • vue+echarts
  • pytorch卷积操作
  • thinkphp环境搭建教程
  • 结转已销产品计入什么科目
  • 应收账款贷款怎么做
  • 研发费用加计扣除2022政策
  • 主营业务收入和营业外收入的区别
  • python里的idle在哪
  • PostgreSQL中常用的时间日期脚本使用教程
  • 公司pos机使用规范
  • 销售农产品是否交消费税
  • 计提怎么理解
  • 员工出差加油费如何报销
  • sqlserver数据库操作
  • 进项税大于销项税怎么抵扣
  • 文化事业建设费会计分录
  • 印花税的征税对象和计税依据
  • 捐赠固定资产怎么入账
  • 固定资产如何抵扣进项税额
  • 公司突然改变工资结构
  • 分公司分摊比例
  • 购买税控盘用银行抵扣吗
  • 事业单位 abc类
  • 新成立公司会计未来规划
  • sqlserver2012安装失败原因
  • mysql日志记录
  • 如何将苹果手机复制
  • centos更新yum update
  • win7搜索无法使用
  • ubuntu20.04关闭图形界面命令
  • opensuse安装显卡驱动
  • u深度如何装win7系统
  • mount挂载文件系统
  • linux怎么使用
  • xcode的bundle identifier修改
  • css优化提高性能的方法有哪些
  • eclipse swt教程
  • windows与苹果
  • 在javascript中
  • 优化ui界面是啥意思
  • javascript基础笔记
  • jquery22插件网
  • bootstrap 按钮
  • 全面解析少女时代关系
  • 黔南州都匀市是哪个省
  • 销售哪些产品需办许可证
  • 国家税务总局公告2013年第12号
  • 北京朝阳区地税局地址电话
  • 从国外买东西回来卖
  • 企业税务自查报告
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设