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

js 屏蔽 backspace ,enter 等误操作。

    博客分类:
  • js
阅读更多
http://dingfenghua.iteye.com/blog/658493中提到的方法进行了部分修改,为了针对readOnly的一些属性进行backspace屏蔽:


if (typeof window.event != 'undefined') {
		  document.onkeydown = function() {
		    var type = event.srcElement.type;
		    var code = event.keyCode;
		    return ((code != 8 && code != 13) ||
		            (type == 'text' && code != 13 && !(code=8 && event.srcElement.readOnly)) ||
		            (type == 'textarea' && !(code=8 && event.srcElement.readOnly)) ||
		            (type == 'submit' && code == 13))
		  }
		} else { // FireFox/Others
		  document.onkeypress = function(e) {

		    var type = e.target.localName.toLowerCase();
		    var code = e.keyCode;
		    if ((code != 8 && code != 13) ||
		        (type == 'input' && code != 13 && !(code=8 && event.srcElement.readOnly)) ||
		        (type == 'textarea') ||
		        (type == 'submit' && code == 13 && !(code=8 && event.srcElement.readOnly))) {
		        return true;
		    } else {
		        return false ;
		    }
		  }
		}
分享到:
评论

相关推荐

    js屏蔽backspace后退,又不影响删除输入框文字

    对于`Backspace`键的操作,我们可以根据当前焦点所在元素的类型以及是否可编辑来决定是否允许其执行删除操作,同时避免触发浏览器的默认后退行为。这种技术不仅适用于特定场景,还可以应用于多种前端项目中,提升...

    JavaScript屏蔽Backspace键的实现代码

    在本文中,我们将深入探讨如何使用JavaScript来屏蔽Backspace键,特别是在遇到特定场景,如只读文本框时,防止用户误操作导致页面回退。Backspace键在大多数情况下用于删除文本,但在某些情况下,尤其是当用户焦点在...

    javascript实现网页屏蔽Backspace事件,输入框不屏蔽

    通过上述知识点的介绍和应用,我们能够使用JavaScript代码屏蔽网页中的Backspace事件,而不影响输入框内的操作,这样用户在使用输入框时仍可以使用Backspace键进行内容删除操作。这种技术实现对于那些需要对用户体验...

    js 实现 IE中屏蔽后退建(Back Space)

    js 实现 IE中屏蔽后退建(Back Space)! 值得下载看看!资源免费,大家分享!!

    web 屏蔽BackSpace键实例代码

    在Web开发中,有时我们需要避免用户在特定情况下误操作导致页面回退,特别是在表单填写时,用户可能在文本框失去焦点后按下Backspace键,这会导致浏览器执行历史记录中的后退操作,而不是删除文本框内的字符。...

    js禁止Backspace键使浏览器后退的实现方法.docx

    ### JS禁止Backspace键使浏览器后退的实现方法 #### 背景介绍 在Web应用开发过程中,可能会遇到一种情况:用户在使用浏览器时,无意间按下Backspace键导致浏览器返回上一页,从而造成用户体验不佳或数据丢失等问题...

    禁用backspace键的后退

    通过阻止Backspace键的默认行为,我们可以防止其触发浏览器的后退操作。以下是一个简单的示例: ```javascript document.addEventListener('keydown', function(event) { if (event.keyCode === 8) { // Backspace...

    Backspace-1.4.1.zip

    名称:Backspace -------------------- 版本:1.4.1 作者:Gilbertas Pocius 分类:生产工具 -------------------- 概述:Backspace键使退格作为后退导航的快捷方式。 浏览器禁用这种行为,前一段时间,而这个扩展...

    js屏蔽退格键(backspace或者叫后退键与F5)

    在Web开发中,通常会遇到需要屏蔽浏览器默认行为的场景,比如在编辑文章的页面中屏蔽用户按退格键...然而,这种屏蔽操作应该谨慎使用,并尽可能通过服务端的逻辑处理来避免用户在Web页面编辑时的内容丢失问题。

    将Chrome重新退回到使用Backspace键返回上一页

    本文将详细讲解如何通过JavaScript实现让Chrome恢复使用Backspace键返回上一页的功能。 首先,我们需要理解浏览器和JavaScript之间的交互。JavaScript是一种在客户端运行的脚本语言,它可以操作浏览器的行为。要...

    禁用backspace键的后退功能

    ### 禁用backspace键的后退功能:JavaScript实现 在给定的代码片段中,通过监听`document`对象的`onkeydown`事件,我们可以捕获到按键事件并对其进行处理。这段代码的核心逻辑在于判断用户按下的是backspace键...

    JavaScript如何禁止Backspace键

    本文将详细解释如何通过JavaScript来禁止Backspace键,并说明在IE、Firefox、Chrome等不同浏览器中的应用方法。 首先,Backspace键是浏览器用于导航的一个功能键,它通常用于删除输入框中的上一个字符。然而,在...

    虚拟机中的Linux使用backspace出现乱码

    VMware下安装的Centos,使用backspace进行回退时,出现乱码

    js禁止Backspace键使浏览器后退的实现方法

    但有时候,后退键会干扰页面的正常功能,比如在表单填写过程中,用户不希望因为误操作而失去已经输入的数据。一个常见的解决方案是禁止用户通过键盘上的Backspace键后退页面,这可以通过JavaScript来实现。 首先,...

    添加更多数字按钮,BACKSPACE按钮

    这可以极大地帮助用户修正误操作。 2. **技术实现**:在实际开发中,可以通过监听BACKSPACE按钮的点击事件来实现这一功能。当用户点击该按钮时,程序应该从当前显示的数字序列中删除最后一个字符。 3. **交互体验...

    js屏蔽页面回退功能

    屏蔽回退键 支持Firefox、Opera IE、Chrome

Global site tag (gtag.js) - Google Analytics