`
haojinghua
  • 浏览: 54298 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

如何禁止及使用回车键

 
阅读更多

我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此。比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。 要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则:
1、如果表单里有一个type=”submit”的按钮,回车键生效。
2、如果表单里只有一个type=”text”的input,不管按钮是什么type,回车键生效。
3、如果按钮不是用input,而是用button,并且没有加type,IE下默认为type=button,FX默认为type=submit。
4、其他表单元素如textarea、select不影响,radio checkbox不影响触发规则,但本身在FX下会响应回车键,在IE下不响应。
5、type=”image”的input,效果等同于type=”submit”,不知道为什么会设计这样一种type,不推荐使用,应该用CSS添加背景图合适些。

实际应用的时候,要让表单响应回车键很容易,保证表单里有个type=”submit”的按钮就行。而当只有一个文本框又不希望响应回车键怎么办呢?我的方法有点别扭,就是再写一个无意义的文本框,隐藏起来。根据第3条规则,我们在用button的时候,尽量显式声明type以使浏览器表现一致。
这个位高人还留下来一个demo(点击查看) 列出了一些例子。

分享到:
评论

相关推荐

    易语言屏蔽回车键

    在易语言中,我们经常会遇到需要处理键盘事件的情况,比如屏蔽某些特定的按键,例如回车键。回车键在很多程序中承担着执行或确认的功能,但有时为了特定的需求,我们需要阻止它的默认行为。 标题"易语言屏蔽回车键...

    易语言源码易语言屏蔽回车键源码.rar

    在易语言中编写程序时,有时我们可能需要实现特定功能,比如屏蔽回车键,以防止用户意外触发某些操作。这个"易语言源码易语言屏蔽回车键源码.rar"压缩包文件就是提供了这样一个功能的源代码示例。 易语言的源码通常...

    禁止按回车键提交表单的方法

    针对这一行为,我们可以采取以下策略来禁止回车键提交表单: 1. 添加一个隐藏的文本输入框:在表单中添加一个CSS样式为`display:none`的文本输入框,这样即使用户按下回车,也会因为有多个文本输入框而不会触发提交...

    js禁用回车的方法

    js禁止回车,js禁用回车,捕捉回车js

    combobox控件 屏蔽上下键 上下键控件间切换

    通过创建`ComboBoxExt`类并重写相关消息处理函数,我们可以实现屏蔽`ComboBox`的上下键功能,使用回车键弹出和关闭下拉列表,并在关闭时自动跳转到下一个控件。这些技巧在开发自定义用户界面时非常有用,能够提供...

    js限制DIV输入回车

    在网页开发中,有时我们需要对用户的输入进行特定的控制,比如限制用户在某个特定的`div`元素中按下回车键时的行为。标题"js限制DIV输入回车"所涉及的知识点,就是如何使用JavaScript来阻止或改变`div`内的回车事件...

    C#如何屏蔽键盘输入

    例如,条码枪通常会发送一个回车符('\r')或者换行符('\n')作为数据结束的标志,而读卡器可能有不同的数据结构,如包含起始和结束符。 3. **屏蔽键盘输入**:为了阻止键盘输入,可以使用Windows API函数。首先,...

    键盘锁定禁止使用

    标题“键盘锁定禁止使用”和描述“开机运行锁定键盘无法使用,办公室电脑福音,可以禁止别人使用自己的电脑”涉及到的是计算机安全和个人隐私保护的技术。在办公环境中,有时我们需要确保个人设备不被他人擅自使用,...

    Android之EditText控制禁止输入空格和回车

    -- 禁止回车 --> android:textColor="#262626" android:textSize="16dp" /> ``` 总结: 在Android应用开发中,通过监听EditText的TextWatcher并处理输入内容,我们可以灵活地控制用户的输入行为。对于禁止输入...

    如何防止INPUT按回车自动提交表单FORM

    默认情况下,当用户在表单内的输入框(INPUT)中按下回车键时,浏览器会自动提交表单,这有时并不符合开发者的设计需求。本文将详细介绍两种防止INPUT按回车自动提交表单FORM的方法。 ### 方法一:增加一个隐藏的...

    jquery禁止回车触发表单提交

    在网页开发中,用户在表单输入时按下回车...总的来说,`jQuery`提供了便利的方式来处理用户交互,如禁止回车键触发表单提交。通过理解和使用这些功能,开发者可以更好地控制用户界面的行为,提供更符合预期的用户体验。

    各种禁止键盘的经典JS

    - 还添加了回车键(13)、退格键(8)的按键码。 2. **判断按键合法性**: - 通过遍历`allowKeyCodeArray`,检查触发`keydown`事件的按键码是否属于允许列表。 - 如果属于,则`isLegal`变量被设为`true`,允许...

    c# winform 中让文本框可以用扫描枪输入,而不能用键盘输入

    KeyPress 事件在用户按下键盘键时触发,我们可以在这个事件中检查输入的来源,如果是键盘输入,则清空文本框的内容。 在给定的代码中,我们定义了一个成员变量 `_dt` 用于保存每次的时间点,然后在 KeyPress 事件中...

    js禁止回车提交表单的示例代码

    在给定的文件中,展示了如何使用JavaScript来禁止回车键提交表单的示例代码。接下来,我们将详细解释这段代码的含义和工作原理,以及如何应用它。 首先,关键点是了解键盘事件的处理。在Web开发中,可以通过绑定...

    JavaScript阻止回车提交表单的方法

    因此,了解如何使用JavaScript阻止回车键提交表单是十分必要的。 阻止回车键提交表单的方法主要依赖于对键盘事件的监听和处理。当用户在表单内按下键盘时,会触发一系列的键盘事件(如onkeydown, onkeypress, ...

    JQuery 文本框回车跳到下一个文本框示例代码

    总的来说,这个示例展示了如何使用jQuery监听文本框的回车键事件,并在用户按下回车时自动跳转到下一个文本框。这种方法提高了用户在多字段表单中的交互体验,使得他们无需使用鼠标就能流畅地完成输入。在实际应用中...

    xp U盘启动禁止使用

    3. **保存并退出**:按F10或相应键保存设置,然后按回车确认,电脑会按照新的启动顺序重启。 **禁止U盘启动(注册表方法):** 1. **打开注册表编辑器**:点击“开始” -> “运行”,输入“regedit”后回车。 2. **...

Global site tag (gtag.js) - Google Analytics