禁止浏览器在单击backspace键(退格键)时跳转页面(extjs,javascript)

原创 2013年09月27日 10:49:37

Ext实现方式:

//方法一
 var key = new Ext.KeyMap(document,{
  key: 8,
  fn: function(obj,e){
   var type = e.target.type;
   var readonly = e.target.readOnly;
   if(type != 'text' && type != 'textarea' && type != 'password'){
    //e.preventDefault();
    e.stopEvent();
   }
   else if(readonly){
    //e.preventDefault();
    e.stopEvent();
   }
  },
  scope: this
 });
//方法二



Ext.getDoc().on('keydown',function(e){  
    if(e.getKey() == 8 && e.getTarget().type =='text' && !e.getTarget().readOnly){  
          
    }else if(e.getKey() == 8 && e.getTarget().type =='textarea' && !e.getTarget().readOnly){   
      
    }else if(e.getKey() == 8){  
        e.preventDefault();  
    }  
}); 

JavaScript实现方式:

function document.onkeydown()   
{   
  if ((event.keyCode==8) ) //屏蔽退格删除键  
  {   
    if (window.event.srcElement.tagName.toUpperCase()!="INPUT" && window.event.srcElement.tagName.toUpperCase()!="TEXTAREA" && window.event.srcElement.tagName.toUpperCase()!="TEXT")  
    {  
      event.keyCode=0;   
      event.returnValue=false;  
    }   
  }   
}  

 

js控制禁用退格键回到上一个页面

js控制禁用退格键回到上一个页面 我们在真实的项目开发中经常会使用JS 对键盘上的一些按键进行禁用,常见的比如说退格键(backspace/ 后退键),我在一个项目中就遇到过在页面编辑的时候...
  • lp1052843207
  • lp1052843207
  • 2017年04月19日 19:10
  • 1199

js控制禁用退格键回到上一个页面

js控制禁用退格键回到上一个页面 我们在真实的项目开发中经常会使用JS 对键盘上的一些按键进行禁用,常见的比如说退格键(backspace/ 后退键),我在一个项目中就遇到过在页面编辑的时候...
  • lp1052843207
  • lp1052843207
  • 2017年04月19日 19:10
  • 1199

jsp要实现屏蔽退格键问题

今天涉及到一个问题,在jsp中的查询条件中,有文本框可输入筛选条件,也有下拉框选择筛选条件。输入框中内容可按“Backspace”键进行删除,但是下拉框中需要屏蔽backspace功能,否则就回执行页...
  • wjg19890301
  • wjg19890301
  • 2013年08月16日 11:45
  • 1334

javascript禁用Backspace退格键(结合自己实际应用中遇到的textarea中退格造成页面假死问题做了修改)

javascript禁用Backspace退格键 今天有个新需求,要求在窗口中编辑的时候禁用掉退格键,因为退格键会发生页面后退的动作,编辑的时候非常不便. 在网上搜索了一下,有...
  • hbhgjiangkun
  • hbhgjiangkun
  • 2013年06月03日 18:19
  • 6095

js屏蔽键盘退格键(backspace或者叫后退键)2

//处理键盘事件 禁止后退键(Backspace)密码或单行、多行文本框除外 function banBackSpace(e){ var ev = e || window.eve...
  • ying890
  • ying890
  • 2015年05月28日 14:05
  • 599

JavaScript屏蔽Backspace键返回上个页面方法

转自:!!!!孤傲苍狼 只为成功找方法,不为失败找借口! JavaScript屏蔽Backspace键   今天在IE浏览器下发现,当把使用readonly="reado...
  • hgx2014
  • hgx2014
  • 2016年12月12日 18:01
  • 1923

文本框编辑多按几次删除(退格)键返回登录页面异常修改

禁止多次删除键会一步步返回到登录页面
  • qiaqia26
  • qiaqia26
  • 2016年08月17日 10:13
  • 327

页面中,防止点击Backspace网页后退情况

当键盘敲下后退键(Backspace)后  1、禁止浏览器自动后退  2、但不影响密码、单行文本、多行文本输入框等的回退操作 [html] view plain copy  prin...
  • u012106397
  • u012106397
  • 2016年11月24日 10:34
  • 1474

js 判断键盘事件大全 兼容FireFox和IE(退格、制表、回车、空格、方向键、删除键等)

js 判断键盘事件大全 兼容FireFox和IE(退格、制表、回车、空格、方向键、删除键等) 时间 2013-04-12 16:38:00  博客园-原创精华区 原文  http://www....
  • cdnight
  • cdnight
  • 2016年05月25日 15:30
  • 2192

按下Backspace键,就会跳转到上一个页面。JavaScript屏蔽Backspace键处理,禁用Backspace键。

今天在IE浏览器下发现,当把使用readonly=”readonly”属性将文本框设置成只读时有一个奇怪的问题:如果光标进入只读文本框,然后按下Backspace键,就会跳转到上一个页面,效果就像点击...
  • qq_36410795
  • qq_36410795
  • 2017年06月27日 16:46
  • 267
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:禁止浏览器在单击backspace键(退格键)时跳转页面(extjs,javascript)
举报原因:
原因补充:

(最多只允许输入30个字)