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

  • 企业如何利用微信营销做强的,未来微信营销推广效应(企业如何利用微博和微信营销)

    企业如何利用微信营销做强的,未来微信营销推广效应(企业如何利用微博和微信营销)

  • 桌面图标间距变大了怎么调整(桌面图标间距变大了怎么调小点)

    桌面图标间距变大了怎么调整(桌面图标间距变大了怎么调小点)

  • vivox50支持wifi6吗(vivox50可以用无线充电器吗)

    vivox50支持wifi6吗(vivox50可以用无线充电器吗)

  • 芝麻粒可以送给别人吗(芝麻粒可以送给别人修复吗)

    芝麻粒可以送给别人吗(芝麻粒可以送给别人修复吗)

  • 钉钉收不到视频会议邀请(钉钉收不到视频会议邀请别人都收到了)

    钉钉收不到视频会议邀请(钉钉收不到视频会议邀请别人都收到了)

  • 腾讯大王卡免流量范围(腾讯大王卡免流量列表)

    腾讯大王卡免流量范围(腾讯大王卡免流量列表)

  • ppt文本效果怎么设置(ppt文本效果怎么弄转换—下弯弧)

    ppt文本效果怎么设置(ppt文本效果怎么弄转换—下弯弧)

  • 联想保修期多久(联想保修期内维修要钱吗)

    联想保修期多久(联想保修期内维修要钱吗)

  • 微信关闭窗口聊天记录就没了(微信关闭窗口后怎么找聊天信息)

    微信关闭窗口聊天记录就没了(微信关闭窗口后怎么找聊天信息)

  • 电脑一开机风扇就狂转是什么原因(电脑一开机风扇就转得很厉害)

    电脑一开机风扇就狂转是什么原因(电脑一开机风扇就转得很厉害)

  • qq直播能连麦吗(qq直播能连麦吗怎么连)

    qq直播能连麦吗(qq直播能连麦吗怎么连)

  • 苹果数据线忽然不能用了(苹果数据线忽然断了)

    苹果数据线忽然不能用了(苹果数据线忽然断了)

  • 高压清洗机不出水什么原因(高压清洗机不出水机子还运转怎么回事)

    高压清洗机不出水什么原因(高压清洗机不出水机子还运转怎么回事)

  • 华为手表gt2能打电话吗(华为手表gt2能打电话微信吗)

    华为手表gt2能打电话吗(华为手表gt2能打电话微信吗)

  • 苹果手表能看视频吗(苹果手表看视频软件)

    苹果手表能看视频吗(苹果手表看视频软件)

  • 手机尾插松动必须换吗(手机尾插松动必须修吗)

    手机尾插松动必须换吗(手机尾插松动必须修吗)

  • 华为duaaloo是什么型号(dual是华为什么型号)

    华为duaaloo是什么型号(dual是华为什么型号)

  • airpods华为能用吗(airpods可以连华为吗)

    airpods华为能用吗(airpods可以连华为吗)

  • opporeno可以隐藏应用么(opporeno6如何隐藏应用)

    opporeno可以隐藏应用么(opporeno6如何隐藏应用)

  • wps如何删除重复项(wps如何删除重复项留一个)

    wps如何删除重复项(wps如何删除重复项留一个)

  • 苹果 macOS Big Sur 支持 APFS 时间机器备份(苹果客服人工24小时)

    苹果 macOS Big Sur 支持 APFS 时间机器备份(苹果客服人工24小时)

  • 苹果 macOS Big Sur 11.3开发者预览版Beta 4发布 附更新内容(苹果客服人工24小时)

    苹果 macOS Big Sur 11.3开发者预览版Beta 4发布 附更新内容(苹果客服人工24小时)

  • 微信小程序计算器(含源码)、含js精确运算代码(微信小程序计算器代码)

    微信小程序计算器(含源码)、含js精确运算代码(微信小程序计算器代码)

  • Unity实战篇 | 使Unity打包的exe程序始终保持屏幕最前端【文末送书】(unity udim)

    Unity实战篇 | 使Unity打包的exe程序始终保持屏幕最前端【文末送书】(unity udim)

  • 【vue2】组件进阶与插槽详解(vue 组件)

    【vue2】组件进阶与插槽详解(vue 组件)

  • 房产税的计税基础包括契税吗
  • 以房抵债如何计算契税?
  • 预缴增值税附加税费申报明细表
  • 出租车定额发票真伪查询
  • 公司购买设备报告怎么写
  • 员工加班误餐费怎么做凭证
  • 购进材料运输费属于什么会计科目
  • 房租押金不退如何
  • 政府返还的增值税怎么算
  • 工资3700扣多少社保钱
  • 同一控制下企业合并取得的长期股权投资
  • 商业汇票的使用范围
  • 6000万居间费如何避税
  • 其他应收款转入实收资本
  • 增值税晚交一个月会怎么样
  • 汇算清缴所得税退回做账
  • 合同签了发票开了钱没给怎么办
  • 公司一直零报税,有问题吗
  • 增值税发票收款人和复核人可以一个人吗
  • 建筑劳务增值税
  • 水费税收分类编码
  • 一般纳税人能否享受残保金优惠
  • 发票作废是不是很麻烦
  • 公司的企业所得税和个人所得税
  • 财产租赁所得适用什么税率
  • 购进的样品入账科目
  • 福利性补贴包括哪些
  • 三金一费包括哪些
  • 免税店购物需要满足什么条件
  • 亏损企业能否享受失业金
  • 固定资产作为投资入股为何体现在资本公积
  • 附加税会计分录2022
  • 残疾人保障金汇算清缴填在哪里
  • 进项发票认证操作
  • 龟背竹的养殖方法和管理
  • 进口付汇流程
  • laravel视频教程
  • 移动加权平均法例题
  • 为什么税前利润加可抵扣暂时性差异
  • convwthn如何定义
  • css中设置字体样式
  • iozone测试结果分析
  • 代发工资范围
  • 资产处置损益怎么结转到本年利润
  • 个人所得税申报流程图
  • Python IDE之Thonny的介绍
  • distinct用法及搭配
  • 织梦logo
  • 预算收入分为哪几种方式
  • 职工教育经费可以冲回吗
  • 合伙制律师事务所和个人律师事务所
  • 合并报表问题
  • 无形资产达到可使用状态前如何入账
  • 印花税的征税对象有哪些
  • 成本类科目会计处理分录
  • 支付中标服务费借款情况说明怎么写
  • 职工住房补贴能否计入工资总额在税前扣除?
  • 融资租入固定资产计提折旧吗
  • 房地产企业收入确认条件税法
  • 盈余公积必须提折旧吗
  • mysql查询倒数第二个字母为a
  • linux find 查找文件并重命名
  • .exe是什么软件
  • window8.1下载
  • win7一进电脑是花屏
  • 通知栏图标怎么变小
  • linux在网络方面的应用
  • 六个自由
  • Unity3D游戏开发引擎
  • nodejs基础知识
  • jquery 图片插件
  • 怎么配置nodejs的环境
  • 深入解析windows第7版pdf
  • js原生dialog
  • javascript 接口
  • jquery里面的$是什么意思
  • 国家税务总局河北地税局
  • 徐州房产过户手续流程
  • 契税纳税申报表在哪里拿
  • 如果我是科学家我会发明什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设