上周提交了一个项目(内部使用的),一同事提出个BUG,说要禁用退格键(backspace或者叫后退键),因为这和他的习惯不一样,担心万一文字录入一半,他按了退格键,那整个页面的内容就白填了,然后信誓旦旦的说他做的系统中后退键都是不能用的,我这个系统有问题,当时因为事多,只把这个问题记录下来了,后来查了下他以前做的项目,也没有对退格键进行处理。自己的项目都没处理,到我这嚷嚷来了,算了,不和年轻人一般见识。不就禁用个后退键,简单。
其实说禁用也不是完全禁用,后退键在各浏览器下默认为点击了一下后退按钮,只要保证正常的文字录入还可以用,其他情况下的退格键一律禁掉。看代码吧。
<script type="text/javascript">
//处理键盘事件
function doKey(e){
var ev = e || window.event;//获取event对象
var obj = ev.target || ev.srcElement;//获取事件源
var t = obj.type || obj.getAttribute('type');//获取事件源类型
if(ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea"){
return false;
}
}
//禁止后退键 作用于Firefox、Opera
document.onkeypress=doKey;
//禁止后退键 作用于IE、Chrome
document.onkeydown=doKey;
</script>
分享到:
相关推荐
压缩包中的"delphi_屏蔽系统功能键.doc"文档很可能包含了详细的步骤、示例代码和解释,帮助开发者深入理解如何在Delphi中处理键盘事件和屏蔽系统功能键。"下载说明.txt"可能是提供下载和解压指南的文本文件,而"A5...
9. onKeyDown:当用户按下键盘上的键时触发,可以用来处理组合键(如Ctrl+C)。 10. onKeyUp:与onKeyDown相反,当用户释放键盘上的键时触发。 页面相关事件主要关注页面加载、移动和关闭: 11. onAbort:当图像...
比如,在表单填写过程中,可能不希望用户能够通过退格键(Backspace)删除已有的文本,尤其是在密码输入框或其他敏感信息输入场景中。本文将详细介绍如何使用JavaScript来实现这一功能。 #### 代码解析 首先,我们...
本案例中,我们将通过监听`keydown`和`keypress`事件来实现对后退键(KeyCode为8)的禁用功能。 #### 三、实现方法 ##### 3.1 监听`keydown`和`keypress`事件 为了覆盖尽可能多的浏览器环境,我们通常会同时监听`...
在某些情况下,我们需要阻止用户通过键盘上的后退键来进行后退操作,特别是对于那些敏感的操作,如支付确认页等。 **代码示例**: ```javascript function banBackSpace(e) { var ev = e || window.event; // ...
8. onKeyPress、onKeyDown 和 onKeyUp:这些是键盘事件,与鼠标事件不同但密切相关。onKeyPress在键被按下并释放时触发,onKeyDown在按键被按下时触发,onKeyUp则在按键被释放时触发。需要注意的是,这些事件需要...
在 JavaScript 中,我们可以使用 `onkeydown` 和 `onkeypress` 事件监听器来捕捉用户按下键盘上的键。`onkeydown` 事件在键被按下时触发,而 `onkeypress` 事件则在字符被产生的时候触发。在某些情况下,如 ...
对于需要输入数字的场景,如果希望限制输入格式为最多三位整数加一位小数点加最多三位小数的情况,可以通过监听键盘事件和`onkeyup`事件来实现。 **示例代码:** ```html (value.match(/^\d{3}$/))value=value....
通过监听键盘事件(如`keydown`或`keypress`),可以捕获Backspace键的触发,并通过特定的方法阻止其默认行为,进而实现禁止Backspace键使浏览器后退的目的。 #### 代码实现详解 ##### 方法一:通用实现方案 ```...
键盘按键释放事件,当用户释放键盘上的某个键时触发,可用于检测连续按键操作或结束某些状态。 #### 29. `onload` 页面加载完成事件,当整个页面及其所有资源加载完毕时触发,可用于初始化页面状态或执行脚本。 ##...
- **`onKeyUp`**:当键盘上的某个键被释放时触发,与 `onKeyDown` 和 `onKeyPress` 配合使用可以实现更复杂的键盘交互逻辑。 3. **文档和窗口事件** - **`onAbort`**:图片加载失败时触发。 - **`onBeforeUnload...
这是因为不同的浏览器可能对键盘事件的处理方式有所不同:Firefox和Opera主要通过`onkeypress`事件检测退格键,而IE和Chrome则依赖`onkeydown`事件。 总的来说,这段代码提供了在特定情况下屏蔽网页中Backspace键的...
2. **接收数据输入**:通过OnKeyPress、OnKeyDown、OnKeyUp事件,可以实现对用户输入的控制,比如只接受特定类型的字符。 3. **多行文本框(Memo)**:多行文本框允许用户输入多行文本,Lines属性存储所有行,...
JavaScript是Web开发中不可或缺的一部分,尤其在处理用户交互时,鼠标事件和键盘事件扮演着重要角色。本篇文章将深入解析JavaScript中的鼠标事件、键盘事件、页面相关事件、表单相关事件以及一些特殊事件,帮助你...
代码中注释掉的`document.onkeypress`和`document.onkeydown`是用于将监听函数绑定到整个文档上的,但在实际使用时,应该根据浏览器类型(如Firefox、Opera等使用`onkeypress`,IE、Chrome使用`onkeydown`)来选择...
实现方法之一是通过JavaScript代码监听键盘事件,然后根据事件对象判断是否按下了退格键,如果是则阻止该事件的默认行为。对于密码或单行、多行文本框,通常不屏蔽退格键,以保证用户的输入不受影响。代码中实现了...
通过`window.onload`函数,将`banBackSpace`绑定到`onkeypress`和`onkeydown`事件上,以确保在文档加载完成后能够处理键盘事件。`onkeypress`事件主要作用于Firefox和Opera浏览器,而`onkeydown`事件则用于IE和...
- 可以通过监听`OnKeyPress`事件,检查键盘按键码(event.keyCode),确保只有48到57之间的键码(对应0-9的数字键)以及46(小数点)被接受。例如: ```html <asp:TextBox ID="TextBox" runat="server" OnKeyPress=...
例如,防止Alt+F4关闭程序,可以在OnKeyDown事件中检查Key参数,若为VK_F4且Alt键被按下,则忽略该事件。 4. **密码验证**:实现密码输入和验证是屏幕锁定的关键。创建一个TPasswordEdit控件隐藏输入的字符,当用户...
12. 键盘事件:`onKeyDown`和`onKeyPress`是键盘事件,`keyCode`是事件对象中的属性,`onMouseOver`是鼠标事件。 13. 表单验证:JavaScript进行表单验证的主要目的是检查用户输入的数据是否符合实际要求,确保提交...