首页 web前端 js教程 如何防止回车(enter)键提交表单_javascript技巧

如何防止回车(enter)键提交表单_javascript技巧

May 16, 2016 pm 04:48 PM
enter 回车

如何防止回车(enter)键提交表单,其实很简单,就一句话。onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了。

如果在页面中按Enter键会自动提交的话,可以设置返回值防止自动提交如返回值必须是false

复制代码 代码如下:

function gosearch()
{
if(window.event.keyCode == 13)
{
search();
return false;
}
}

或者直接在form中写
复制代码 代码如下:




或参考下面的代码:

复制代码 代码如下:



禁止按回车键提交表单







您可以在"myform.submit()"函数里加入表单判断,和一般的表单判断一样,只是改一下函数名。




下面介绍下javascript中event.keycode。

keycode 8 = BackSpace BackSpace
keycode 9 = Tab Tab
keycode 12 = Clear
keycode 13 = Enter
keycode 16 = Shift_L
keycode 17 = Control_L
keycode 18 = Alt_L
keycode 19 = Pause
keycode 20 = Caps_Lock
keycode 27 = Escape Escape
keycode 32 = space space
keycode 33 = Prior
keycode 34 = Next
keycode 35 = End
keycode 36 = Home
keycode 37 = Left
keycode 38 = Up
keycode 39 = Right
keycode 40 = Down
keycode 41 = Select
keycode 42 = Print
keycode 43 = Execute
keycode 45 = Insert
keycode 46 = Delete
keycode 47 = Help
keycode 48 = 0 equal braceright
keycode 49 = 1 exclam onesuperior
keycode 50 = 2 quotedbl twosuperior
keycode 51 = 3 section threesuperior
keycode 52 = 4 dollar
keycode 53 = 5 percent
keycode 54 = 6 ampersand
keycode 55 = 7 slash braceleft
keycode 56 = 8 parenleft bracketleft
keycode 57 = 9 parenright bracketright
keycode 65 = a A
keycode 66 = b B
keycode 67 = c C
keycode 68 = d D
keycode 69 = e E EuroSign
keycode 70 = f F
keycode 71 = g G
keycode 72 = h H
keycode 73 = i I
keycode 74 = j J
keycode 75 = k K
keycode 76 = l L
keycode 77 = m M mu
keycode 78 = n N
keycode 79 = o O
keycode 80 = p P
keycode 81 = q Q at
keycode 82 = r R
keycode 83 = s S
keycode 84 = t T
keycode 85 = u U
keycode 86 = v V
keycode 87 = w W
keycode 88 = x X
keycode 89 = y Y
keycode 90 = z Z
keycode 96 = KP_0 KP_0
keycode 97 = KP_1 KP_1
keycode 98 = KP_2 KP_2
keycode 99 = KP_3 KP_3
keycode 100 = KP_4 KP_4
keycode 101 = KP_5 KP_5
keycode 102 = KP_6 KP_6
keycode 103 = KP_7 KP_7
keycode 104 = KP_8 KP_8
keycode 105 = KP_9 KP_9
keycode 106 = KP_Multiply KP_Multiply
keycode 107 = KP_Add KP_Add
keycode 108 = KP_Separator KP_Separator
keycode 109 = KP_Subtract KP_Subtract
keycode 110 = KP_Decimal KP_Decimal
keycode 111 = KP_Divide KP_Divide
keycode 112 = F1
keycode 113 = F2
keycode 114 = F3
keycode 115 = F4
keycode 116 = F5
keycode 117 = F6
keycode 118 = F7
keycode 119 = F8
keycode 120 = F9
keycode 121 = F10
keycode 122 = F11
keycode 123 = F12
keycode 124 = F13
keycode 125 = F14
keycode 126 = F15
keycode 127 = F16
keycode 128 = F17
keycode 129 = F18
keycode 130 = F19
keycode 131 = F20
keycode 132 = F21
keycode 133 = F22
keycode 134 = F23
keycode 135 = F24
keycode 136 = Num_Lock
keycode 137 = Scroll_Lock
keycode 187 = acute grave
keycode 188 = comma semicolon
keycode 189 = minus underscore
keycode 190 = period colon
keycode 192 = numbersign apostrophe
keycode 210 = plusminus hyphen macron
keycode 211 =
keycode 212 = copyright registered
keycode 213 = guillemotleft guillemotright
keycode 214 = masculine ordfeminine
keycode 215 = ae AE
keycode 216 = cent yen
keycode 217 = questiondown exclamdown
keycode 218 = onequarter onehalf threequarters
keycode 220 = less greater bar
keycode 221 = plus asterisk asciitilde
keycode 227 = multiply division
keycode 228 = acircumflex Acircumflex
keycode 229 = ecircumflex Ecircumflex
keycode 230 = icircumflex Icircumflex
keycode 231 = ocircumflex Ocircumflex
keycode 232 = ucircumflex Ucircumflex
keycode 233 = ntilde Ntilde
keycode 234 = yacute Yacute
keycode 235 = oslash Ooblique
keycode 236 = aring Aring
keycode 237 = ccedilla Ccedilla
keycode 238 = thorn THORN
keycode 239 = eth ETH
keycode 240 = diaeresis cedilla currency
keycode 241 = agrave Agrave atilde Atilde
keycode 242 = egrave Egrave
keycode 243 = igrave Igrave
keycode 244 = ograve Ograve otilde Otilde
keycode 245 = ugrave Ugrave
keycode 246 = adiaeresis Adiaeresis
keycode 247 = ediaeresis Ediaeresis
keycode 248 = idiaeresis Idiaeresis
keycode 249 = odiaeresis Odiaeresis
keycode 250 = udiaeresis Udiaeresis
keycode 251 = ssharp question backslash
keycode 252 = asciicircum degree
keycode 253 = 3 sterling
keycode 254 = Mode_switch

使用event对象的keyCode属性判断输入的键值

eg:if(event.keyCode==13)alert(“enter!”);

键值对应表
A  0X65  U   0X85
B  0X66  V   0X86
C  0X67  W   0X87
D  0X68  X   0X88
E  0X69  Y   0X89
F  0X70  Z   0X90
G  0X71  0   0X48
H  0X72  1   0X49
I  0X73  2   0X50
J  0X74  3   0X51
K  0X75  4   0X52
L  0X76  5   0X53
M  0X77  6   0X54
N  0X78  7   0X55
O  0X79  8   0X56
P  0X80  9   0X57
Q  0X81 ESC  0X1B
R  0X82 CTRL  0X11
S  0X83 SHIFT 0X10
T  0X84 ENTER 0XD

如果要使用组合键,则可以利用event.ctrlKey,event.shiftKey,event .altKey判断是否按下了ctrl键、shift键以及alt键。

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

Windows 11 无法更新系统保留分区:3 个提示 Windows 11 无法更新系统保留分区:3 个提示 Apr 26, 2023 pm 03:13 PM

在更新Windows11或从Windows10升级到Windows11时,您可能会遇到错误Wecouldnotupdatesystemreservedpartition。这可能伴随着错误代码0xc1900104、0x800f0922或0xc1900201。是什么导致系统保留分区错误?这可能是由无法再写入的完整系统保留分区(SRP)引起的。此外,一些第三方安全和防病毒应用程序写入SRP并可以快速填满它。使用Linux进行双重引导也可能是该错误的原因。此外,如果您

Windows 11 可选功能空:该怎么办? Windows 11 可选功能空:该怎么办? Apr 15, 2023 pm 02:49 PM

最好的Windows11可选功能可让您充分利用PC的巨大潜力。您可以激活生产力功能并获得更多功能。因此,在需要时突然看到这些设置空白可能会很烦人。某些功能变为空白,从错误的系统设置到丢失和损坏的文件。无论原因如何,我们都收集了七个简单而有效的修复程序,以帮助您恢复Windows11可选功能。为什么Windows功能框为空?Windows11可选功能框为空的原因有很多。以下是一些流行的:设置错误。包含有关Windows功能信息的组件存储损坏。损坏的系统文件。如何在Windows

Windows 11: 如何启用和使用 Windows 移动中心? Windows 11: 如何启用和使用 Windows 移动中心? Apr 25, 2023 pm 06:58 PM

不幸的是,更改Windows设备的基本设置(例如亮度和音量)可能有点麻烦。为了达到这些平凡的设置,用户必须在几个菜单中导航,这是相当不直观的。值得庆幸的是,Windows提供了一个工具,允许用户通过点击手指来访问和更改这些平凡的设置。问题是很少有人知道它的存在。而那些这样做的人可能不知道如何启用它。什么是Windows移动中心?Windows移动中心或WMC首次在WindowsVista中引入,它是一个内置的Windows组件,它集中了与便携式和移动设备最相关的信息和设置。其中一些

enter在键盘哪个位置 enter在键盘哪个位置 Mar 24, 2023 pm 01:46 PM

enter在主键盘区的右边,Shift键的上面;enter键是回车键,又称确认键、输入键;在电脑键盘上有一个写有Enter或return字样的按键,就被叫做“回车键”,其中Enter是Windows系统的叫法,而macOS中叫做return。

java怎么读取回车 java怎么读取回车 Mar 22, 2024 pm 04:57 PM

在 Java 中,回车通常由换行符表示。Windows 系统中使用 "\r\n" 表示回车换行,而 Unix/Linux 系统中则使用 "\n"。读取包含回车的文本时,Java将这些字符视为普通字符。可以使用 BufferedReader 或 Scanner 类从输入流中读取文本,直到遇到回车换行符。

如何使用 PowerShell 手动安装 Windows 10/11 更新 如何使用 PowerShell 手动安装 Windows 10/11 更新 Apr 23, 2023 pm 05:13 PM

当发布任何补丁或引入任何功能时,经常更新系统非常重要。如果我们不这样做,那么我们就会错过关键的错误修复、弱安全性、软件不兼容等等。系统可能只是表现得很奇怪,或者程序只是崩溃了。通常,我们通过浏览设置和更新和安全来更新系统,然后检查是否有可用的更新。如果您无法访问设置或访问更新和安全选项,还可以如何进行更新?我们可能很少有人有这个问题,但解决方案很简单,也可以使用PowerShell命令完成。在本文中,让我们学习如何使用PowerShell命令手动更新Windows10系统。使用PowerS

enter是哪个键 enter是哪个键 Feb 22, 2023 pm 02:56 PM

enter是回车键;在电脑键盘上有一个写有Enter或return字样的按键,被叫做“回车键”,其中Enter是Windows系统的叫法,而macOS中叫做return,而有的Windows电脑的enter按键会有一弯箭头;回车键有两个作用,分别是:1、确认输入的执行命令;2、在文字处理中起换行的作用。

Vue中如何使用事件修饰符.v-on:keyup.enter实现按下回车键的事件处理 Vue中如何使用事件修饰符.v-on:keyup.enter实现按下回车键的事件处理 Jun 10, 2023 pm 11:43 PM

Vue是一种非常强大的JavaScript框架,它可以轻松地帮助我们构建交互性强的Web应用程序。Vue提供了一些非常方便的功能,其中包括事件修饰符。事件修饰符是一种能够简化DOM事件绑定的方式,为我们提供了快速处理特定事件的方法。在Vue中,我们可以通过使用v-on指令来绑定事件。v-on指令可以使我们监听特定的事件并触发事件处理函数。对于常用的DOM事

See all articles