位置: 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程序怎么看)

  • 论坛发帖推广7大技巧(论坛推广帖子)

    论坛发帖推广7大技巧(论坛推广帖子)

  • 饿了么拼单可以送两个地址吗(饿了么拼单可以用红包吗)

    饿了么拼单可以送两个地址吗(饿了么拼单可以用红包吗)

  • r7 350相当于什么n卡(r7350相当于什么性能显卡)

    r7 350相当于什么n卡(r7350相当于什么性能显卡)

  • 删除键被锁点击不了(删除键被锁点击没反应)

    删除键被锁点击不了(删除键被锁点击没反应)

  • 路由器要不要开NAT

    路由器要不要开NAT

  • qq聊天图片没了(qq聊天图片没了怎么恢复)

    qq聊天图片没了(qq聊天图片没了怎么恢复)

  • 微信更改实名后还是老微信吗(微信更改实名后银行卡会解绑吗)

    微信更改实名后还是老微信吗(微信更改实名后银行卡会解绑吗)

  • 哈罗单车没用过怎么会欠费(哈罗单车东西忘记拿走怎么办)

    哈罗单车没用过怎么会欠费(哈罗单车东西忘记拿走怎么办)

  • 华为手机怎么关闭深色模式(华为手机怎么关闭纯净模式)

    华为手机怎么关闭深色模式(华为手机怎么关闭纯净模式)

  • 微信2个人怎么无法建群(微信2个人怎么玩拼手气红包)

    微信2个人怎么无法建群(微信2个人怎么玩拼手气红包)

  • b站创作激励以前的视频算吗(b站创作激励以前的视频怎么处理)

    b站创作激励以前的视频算吗(b站创作激励以前的视频怎么处理)

  • 电脑的system是什么(电脑中的system)

    电脑的system是什么(电脑中的system)

  • 坚果3呼吸灯怎么打开(坚果r2呼吸灯设置)

    坚果3呼吸灯怎么打开(坚果r2呼吸灯设置)

  • 共享单车无法实名怎么办(共享单车无法实名认证)

    共享单车无法实名怎么办(共享单车无法实名认证)

  • 三星note10是曲面屏吗(三星note10曲面度)

    三星note10是曲面屏吗(三星note10曲面度)

  • 荣耀coltl10是什么型号(荣耀coral10华为是什么型号)

    荣耀coltl10是什么型号(荣耀coral10华为是什么型号)

  • 苹果无线耳机为什么只有一个有声音(苹果无线耳机为什么连接不上手机)

    苹果无线耳机为什么只有一个有声音(苹果无线耳机为什么连接不上手机)

  • 爱奇艺被永久封禁了怎么办(爱奇艺永久封禁怎么解封)

    爱奇艺被永久封禁了怎么办(爱奇艺永久封禁怎么解封)

  • 滴滴打车怎么开发票(滴滴打车怎么开行程单)

    滴滴打车怎么开发票(滴滴打车怎么开行程单)

  •  美版iphonexs max是双卡双待吗(美版iphonexs max有nfc功能吗)

    美版iphonexs max是双卡双待吗(美版iphonexs max有nfc功能吗)

  • 网卡和网线都正常,但是电脑无法上网该怎么解决?(网卡和网线都正确接法)

    网卡和网线都正常,但是电脑无法上网该怎么解决?(网卡和网线都正确接法)

  • AIGC之GPT-4:GPT-4的简介(核心原理/意义/亮点/技术点/缺点/使用建议)、使用方法、案例应用(计算能力/代码能力/看图能力等)之详细攻略

    AIGC之GPT-4:GPT-4的简介(核心原理/意义/亮点/技术点/缺点/使用建议)、使用方法、案例应用(计算能力/代码能力/看图能力等)之详细攻略

  • python如何读取全部的文件(python读取全部文件)

    python如何读取全部的文件(python读取全部文件)

  • 实收资本增加如何计算
  • 单位参加社保必须全员全额申报吗
  • 出口退税是按照出口金额吗
  • 所得税退税怎么办
  • 外商投资企业啥意思
  • 企业的主管部门承担什么责任
  • 购入原材料退货的记账凭证怎么写
  • 金融服务利息
  • 外商投资企业退出条件
  • 地方教育费附加是什么意思
  • 集体劳动合同与劳动合同的区别
  • 银行结算账户的规定
  • 农产品所得税扣除比例
  • 支付境外销售佣金怎么做
  • 农产品没有进项税怎么算
  • 企业职工补助
  • 电子普通发票进什么科目
  • 客户忠诚度的表现行为有哪些
  • 股利分配是在当期损益吗
  • 采购成本包括哪两种
  • 生产人员社保计入哪个科目
  • 速冻食品增值税税率
  • 委托加工业务流程图
  • 债券分期还本利息怎么算
  • 华为鸿蒙os2.0发布
  • 工程施工科目月末如何结转
  • win11windows键没反应
  • 某企业存货跌价准备原材料科目贷方
  • 合并报表抵消子公司当期收入,母公司费用
  • 新买的电脑如何激活windows
  • 营业外支出与营业收入之比应小于1%的说明
  • 小规模纳税人没有进项税
  • 有关五险一金的知识
  • mac应用程序图标
  • 政府会计制度中固定资产报废的账务处理
  • 国税系统怎么认证发票
  • ssh怎么带密码
  • vue页面刷新时原有的数据还在吗
  • 20分钟,使用Amazon SageMaker快速搭建属于自己的AIGC应用
  • php如何上传1个g以上的文件
  • 付临时工工资需要什么材料
  • 任何单位和个人发现洗钱活动有权向什么举报
  • MySQL中UPDATE与DELETE语句的使用教程
  • 企业所得税汇算清缴时间
  • 企业所得税营业外收入
  • 企业对公帐户怎么转出私人帐户
  • 扣供应商的货款进项税要转出吗
  • 外购无形资产的增值税计入成本吗
  • 业务招待费专票可以抵扣吗
  • 社保怎么交最划算
  • 坏账准备计提要求
  • 免税设备是什么意思
  • 印花税怎么申报缴纳
  • 微信转账和支付宝转账哪个更安全
  • 公司怎么才算正常经营
  • 工资完税证明怎么开
  • 高新企业认定条件2022上海
  • 商品流通的企业
  • mysql和c
  • bat windows
  • Win10 Mobile 10536预览版用得越久越卡顿是怎么回事?
  • windosxp无法启动
  • win2003和xp一样吗
  • solaris挂载nfs
  • 最近一段时间勒索病毒在全球集中爆发
  • xp能不能升级win10
  • 如何设置windows密码
  • chkdsk命令有什么用
  • linux收发邮件
  • win命令行杀死一个程序
  • ExtJS 2.0实用简明教程 之ExtJS版的Hello
  • shell判断文件是否存在且大小不为0
  • jquery定位
  • javascript入门书
  • animate如何拖动图片
  • 安装配置jsp运行环境
  • 螺丝钉的税率
  • 智利有什么自然景观
  • 科技公司小规模纳税人与一般纳税人区别
  • 退契税的时间是什么时候
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设