`
wandejun1012
  • 浏览: 2736885 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js如何捕捉键盘操作以及阻止submit默认操作

 
阅读更多

js如何捕捉键盘操作:

 

第一步:将body注册一下事件:

document.body.onkeydown = function(){catchkey()} ;  注意到:分号在外面。

 

 

 

第二步: 编写一个catchkey()即可。

 

 

 

注意,如果想去掉默认事件,比如submit默认是提交,可以用一个语句,让其被回车时,不能发送。(或者像滚动条默认事件等等)

则在catchkey()中调用如下函数:

 

 

 

//the function to stop the default process for the keys
function stopDefault()
{
if(event && event.preventDefault){
event.preventDefault() ;
}
else{
window.event.returnValue = false ;
}

if(event.stopPropagation){
event.stopPropagation() ;
}
else{
event.cancelBubble = true ;
}
}

 

 

分享到:
评论

相关推荐

    JS中type="button"和type="submit"的区别

    因此,通常在`onclick`事件中,你可以阻止默认的表单提交行为(例如,进行一些验证操作),或者改变表单的提交目标。例如: ```javascript document.getElementById('myButton').onclick = function() { // 验证...

    jQuery手机端数字键盘底部弹出代码.zip

    还有退格(Backspace)键,允许用户撤销误输入的字符,清除(Clear)键可以清空当前输入,退出(Exit)键则让用户关闭键盘返回到页面内容,最后是确定(Submit)键,确认输入并执行相关操作。 4. **事件处理**: ...

    使用JavaScript事件综合查询,js事件大全

    JavaScript事件是Web开发中不可或缺的一部分,它允许我们与用户进行交互,响应用户的操作。这篇综合查询将深入探讨JavaScript中的各种事件,以及如何有效地利用它们来增强网页的动态性。 一、事件基础 JavaScript...

    javascript的键控实现

    本文将深入探讨如何利用JavaScript来处理键盘事件,以及如何通过键控来增强用户交互和保护数据的完整性。 一、键盘事件监听 在JavaScript中,我们可以使用`addEventListener`方法来监听键盘事件。主要有三种类型的...

    设置aspx网页中的默认按钮

    - 使用`event.preventDefault()`阻止默认行为,确保回车键不会引起页面的刷新或其他默认操作。 ### 总结 设置ASP.NET Web Forms中默认按钮的过程涉及前后端的协作。前端通过JavaScript监听回车键事件并触发按钮...

    JS中type=”button”和type=”submit”的区别

    如果你的页面中只有一个`type="submit"`按钮,用户按下回车键时,浏览器会默认对这个按钮进行操作。如果需要多个提交按钮,或者需要在提交前进行某些验证,你可以使用JavaScript来控制表单提交的行为。 例如,你...

    javascript经典特效---快捷键提交按钮.rar

    在JavaScript编程领域中,...总的来说,通过JavaScript实现快捷键提交按钮涉及到的要点包括:事件监听、键盘事件处理、表单提交以及数据验证。熟练掌握这些技术,可以帮助开发者创建更高效、更具用户体验的Web应用。

    javaScript中常用事件

    1. `submit`:表单提交事件,用于阻止默认提交或执行自定义操作。 2. `change`:表单元素值改变时触发,如选择项更改、文本框输入等。 3. `focus`:元素获得焦点时触发。 4. `blur`:元素失去焦点时触发。 五、DOM...

    JS判断键盘是否按的回车键并触发指定按钮点击操作的方法

    在JavaScript编程中,有时我们需要监听用户的键盘输入,特别是在表单填写场景中,用户可能希望通过按下回车键来触发某些特定的操作,比如提交表单。本文将详细介绍如何使用JavaScript判断用户是否按下回车键,并在此...

    JS仿微博发布

    综上所述,实现JS仿微博发布功能涉及到前端交互设计、JavaScript编程、后端处理以及数据库操作等多个环节。通过这个项目,开发者不仅可以提升JavaScript技能,还能了解前后端协作及数据管理的相关知识。

    网页 按ctrl+回车提交

    这一功能可以提升用户体验,特别是在处理大量输入数据时,用户无需移动鼠标寻找提交按钮,只需专注于键盘操作。 实现这一功能主要涉及JavaScript编程语言,因为JavaScript是最常用到的客户端脚本语言,可以处理...

    站长常用的200个js代码

    例如,`event.preventDefault()`可以阻止表单默认提交行为,`addEventListener('submit', function() {...})`用于监听表单提交事件。 3. **AJAX**:异步JavaScript和XML(现在更常用于JSON)技术允许在不刷新整个...

    事件集合js事件集合js事件集合

    还有`Event`对象,它提供了`preventDefault()`方法阻止默认行为(如链接跳转),以及`stopPropagation()`方法阻止事件继续向上层元素冒泡。 总的来说,JavaScript事件集合是构建动态和交互式网页的核心工具。通过...

    JS验证表单大全

    ### JS验证表单大全知识点详解 #### 一、长度限制 **知识点概述:** 此功能主要用来限制用户在表单中的输入长度,确保输入的数据不会过长,这有助于提高数据处理效率并避免潜在的安全问题。 **实现代码示例:** ``...

    说说回车键触发表单提交的问题

    - **监听键盘事件**:使用JavaScript,通过监听`keyup`或`keydown`事件,捕捉到回车键(ASCII码13)的按下,并自定义提交逻辑。 ```javascript document.getElementById('myInput').addEventListener('keyup', ...

    javascript事件大集合

    JavaScript事件是Web开发中不可或缺的一部分,它允许我们与用户进行交互,响应用户的操作,并以此来更新页面内容。本文将深入探讨JavaScript事件的各个方面,帮助开发者更好地理解和应用这些关键概念。 一、事件...

    HTML前端学习(3)--JS事件

    5. 其他jQuery事件函数:如`$.event.preventDefault()`阻止默认行为,`$.event.stopPropagation()`阻止事件冒泡。 三、页面节点查找与操作 1. DOM操作:jQuery提供了方便的DOM操作方法,如`$(selector)`选择元素,...

    JavaScript 经典代码大全

    根据给定的信息,“JavaScript经典代码大全”主要涵盖了多个实用的JavaScript代码片段,这些代码能够帮助开发者实现各种功能,包括但不限于阻止右键菜单、文本选择、粘贴操作等。接下来将对部分代码进行详细解析。 ...

    javascript 键盘事件总结 推荐

    本文将深入探讨JavaScript中的键盘事件,以及如何利用这些事件来实现特定的功能。 首先,让我们了解一下JavaScript中的三个主要键盘事件: 1. `onkeydown`:当用户按下键盘上的任意键时,这个事件会被触发。它提供...

Global site tag (gtag.js) - Google Analytics