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

  • iphone6s怎么清除系统内存(iphone6s怎么清理内存)(苹果6怎么清除)

    iphone6s怎么清除系统内存(iphone6s怎么清理内存)(苹果6怎么清除)

  • 屏下摄像头原理(屏下摄像头关键技术)

    屏下摄像头原理(屏下摄像头关键技术)

  • 快手资质认证怎么弄(快手资质认证用户怎么弄)

    快手资质认证怎么弄(快手资质认证用户怎么弄)

  • 手机照片无缘无故没了(手机照片无缘无故没了苹果)

    手机照片无缘无故没了(手机照片无缘无故没了苹果)

  • 宏碁是国产吗(宏碁是国产吗知乎)

    宏碁是国产吗(宏碁是国产吗知乎)

  • b站在哪里看同时观看人数(b站在哪里看同城的人)

    b站在哪里看同时观看人数(b站在哪里看同城的人)

  • 公众号每天只能发一篇文章吗(公众号怎么开通)

    公众号每天只能发一篇文章吗(公众号怎么开通)

  • 5g手机装4g卡速度会快吗(5g手机装4g卡网速怎么样)

    5g手机装4g卡速度会快吗(5g手机装4g卡网速怎么样)

  • i5 8265u属于什么级别(intel i5-8265u 属于什么档次)

    i5 8265u属于什么级别(intel i5-8265u 属于什么档次)

  • xr运行内存多少g(苹果14运行内存是多少)

    xr运行内存多少g(苹果14运行内存是多少)

  • qq号9位和10位有什么区别(九位数qq号和10位数qq号)

    qq号9位和10位有什么区别(九位数qq号和10位数qq号)

  • 电脑应该下载什么杀毒软件(电脑应该下载什么应用商店)

    电脑应该下载什么杀毒软件(电脑应该下载什么应用商店)

  • 华为荣耀v30的返回键在哪里(荣耀v30返回界面的两种设置)

    华为荣耀v30的返回键在哪里(荣耀v30返回界面的两种设置)

  • 手机关机能查到位置吗(手机关机能查到行程大数据)

    手机关机能查到位置吗(手机关机能查到行程大数据)

  • 苹果如何设置信任软件(苹果如何设置信息不显示内容)

    苹果如何设置信任软件(苹果如何设置信息不显示内容)

  • 华为荣耀20pro上市时间(华为荣耀20pro上面的显示灯怎么开)

    华为荣耀20pro上市时间(华为荣耀20pro上面的显示灯怎么开)

  • 苹果xs快充头几w的(苹果xs快充头买18w还是30w)

    苹果xs快充头几w的(苹果xs快充头买18w还是30w)

  • beats只能连接一个设备吗(beats连了一个手机之后不能连接其他手机了吗)

    beats只能连接一个设备吗(beats连了一个手机之后不能连接其他手机了吗)

  • 华为服务器bios默认密码是什么(华为服务器bios密码忘记了怎么办)

    华为服务器bios默认密码是什么(华为服务器bios密码忘记了怎么办)

  • 华为nova6介绍(华为nova6简介)

    华为nova6介绍(华为nova6简介)

  • 华为推拉屏手机是哪款(华为拉伸屏手机)

    华为推拉屏手机是哪款(华为拉伸屏手机)

  • 微信电话没声音怎么回事(微信电话没声音是什么原因)

    微信电话没声音怎么回事(微信电话没声音是什么原因)

  • iphonexr双卡双待信号差怎么解决(iphonexr双卡双待打电话怎么切换)

    iphonexr双卡双待信号差怎么解决(iphonexr双卡双待打电话怎么切换)

  • 如何使用 iPhone 制作身份证扫描件(如何使用iPhone14pro Max的灵动岛)

    如何使用 iPhone 制作身份证扫描件(如何使用iPhone14pro Max的灵动岛)

  • 讯飞输入法如何换字体(讯飞输入法如何直接发送表情包)

    讯飞输入法如何换字体(讯飞输入法如何直接发送表情包)

  • 城建附加的计税依据
  • 计提利息要计提手续费吗
  • 缴纳增值税的会计科目
  • 高铁票进项抵扣怎么在增值税系统申报
  • 砖厂开票员的工作流程
  • 工程结算与工程施工如何结转
  • 应收款抹零计入什么会计科目
  • 法人投资转入旧机器无发票怎么入账?
  • 劳保费计入管理费用的什么
  • 发票丢失可以冲销吗
  • 人工费收税吗
  • 印花税销售分录
  • 企业产品成本的构成项目主要有哪些
  • 企业的其他业务成本包括什么
  • 金蝶的币别和汇率怎么取消
  • 原材料意外损失会计分录
  • 回迁房所得税处理
  • 拍卖市场拍售的旧机动车价格是公平市价
  • 防伪税控发票维修流程
  • win10自带的照片查看器
  • 专用发票可以抵税是什么意思
  • 纳税人识别号和税号一样吗
  • 政府收储土地补偿款账务处理
  • 在路由器设置中怎么设置
  • php中字符串函数
  • 销售产品库存商品怎么减
  • windows dvd maker是什么
  • 销售额是否含税?
  • php require include
  • checkingmedia什么意思戴尔笔记本
  • php查看变量数据类型
  • PHP:pcntl_signal_dispatch()的用法_PCNTL函数
  • php连接数据表
  • php实现购物车功能的方法
  • 税控盘维护费全额抵扣分录怎么做
  • python进行傅立叶变换
  • 暂估增值税可以抵扣吗
  • framework4.0怎么打开
  • 基于深度学习的图像超分辨率——综述
  • 如何使用应用程序
  • 跨境电商企业要进入某个国家的市场 必须先做的工作是
  • 旅行社代订酒店如何入账
  • 公司股权转移怎么办理
  • 生产企业成本会计做账流程
  • 餐厅场租费可以开发票吗
  • 帝国cms视频教程
  • 2021增值税发票怎么开步骤
  • 货代一般一个柜利润多少
  • 浅谈数据库优化设计
  • 安装sql server 2008提示重新启动计算机
  • 金税四期可以查到闭环开票信息吗
  • 海关进口增值税专用缴款书
  • 税前减免
  • 税局预缴增值税选错月期
  • 投资性房地产在资产负债表哪个科目
  • 工业增加值计算表(按生产法)
  • 企业之间的往来款要1900万要交多少税
  • 当月预交增值税时所属期选了上期怎么办
  • 美元利息结汇时结汇项目是什么
  • 过节费可以发现金吗
  • 财务费用中的利息费用指什么
  • win7 mysql5.7.21安装
  • ubuntu浏览网页
  • .exe是什么意思
  • ubuntu系统键盘无用
  • Win10 Mobile 10586.36预览版怎么更新?
  • iwatch命名
  • win8隐藏任务栏怎么恢复
  • 极限竞速中心应用程序
  • win7打开软件总提示错误怎么解决
  • fetch怎么用
  • js移动到指定位置
  • android_zh
  • python2.7.11
  • linux重定位命令
  • 完美世界3v3
  • cocos引擎教程
  • 绩效三级指标体系
  • 费减备案合格后怎么操作?
  • 广东广州税务局电话
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设