删除web文本框中的内容需要或者文本框失去焦点，点击“Backspace”键时页面回退，屏蔽页面回退键的方法

问题：web文本框中的内容需要删除或者文本框失去焦点，点击“Backspace”键时，页面就回退了，下面是一种屏蔽页面回退键的方法。

原因：当文本输入框设置为只读时，按后退键默认都会执行网页后移的功能。如：

<input type="text" name="clientId" class="text1" id="clientId" readonly="true" value="<%=client.getClientId() %>">

解决方法：禁用backspace键的后退功能，程序如下：

<script language="javascript">function forbidBackSpace(e) {  var ev = e || window.event; //获取event对象  var obj = ev.target || ev.srcElement; //获取事件源  var t = obj.type || obj.getAttribute('type'); //获取事件源类型  //获取作为判断条件的事件类型  var vReadOnly = obj.readOnly;  var vDisabled = obj.disabled;  //处理undefined值情况  vReadOnly = (vReadOnly == undefined) ? false : vReadOnly;  vDisabled = (vDisabled == undefined) ? true : vDisabled;  //当敲Backspace键时，事件源类型为密码或单行、多行文本的，  并且readOnly属性为true或disabled属性为true的，则退格键失效  var flag1 = ev.keyCode == 8 && (t == "password" || t == "text" || t == "textarea") && (vReadOnly == true || vDisabled == true);  //当敲Backspace键时，事件源类型非密码或单行、多行文本的，则退格键失效  var flag2 = ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea";  //判断  if (flag2 || flag1) return false;  }

 //禁止后退键 作用于Firefox、Opera  document.onkeypress = forbidBackSpace;  //禁止后退键  作用于IE、Chrome  document.onkeydown = forbidBackSpace;  //禁止后退键 作用于Firefox、Opera  document.onkeypress = forbidBackSpace;  //禁止后退键  作用于IE、Chrome  document.onkeydown = forbidBackSpace;


</script>

另外，网上搜这一问题时，网友反应还有一种方法，但好像解决不了我的问题：

<script language="JavaScript">document.onkeydown = check;function check(e) {var code;if (!e) {  var e = window.event; }if (e.keyCode) { code = e.keyCode;}else if (e.which) {code = e.which; }var a=((event.keyCode == 8) && ((event.srcElement.type != "text" && event.srcElement.type != "textarea" &&

 event.srcElement.type != "password") || event.srcElement.readOnly == true)) || ((event.ctrlKey) &&

((event.keyCode == 78) || (event.keyCode == 82)) ) ||   (event.keyCode == 116)

       if (a) {

         event.keyCode = 0; event.returnValue = false; }return true;}
</script>

最后，附上Keycode对照表：http://www.cnblogs.com/shipengzhi/articles/2035010.html

删除web文本框中的内容需要或者文本框失去焦点，点击“Backspace”键时页面回退，屏蔽页面回退键的方法相关推荐

将word文档中所有文本框中的内容转换成普通段落
某些pdf转word工具生成的word文档,会将很多内容放在文本框中,以至于编辑word文档不太方便,例如想全选所有段落中的文字再调整某些格式,文本框中的文字有时候不能像普通段落中的文字一样产生同样的 ...
excel 查找图相框或文本框中的内容
在excel中经常遇到有用户使用图相框或者文本框来输入内容,使excel看上去更加美观,但是如果我们想查找的文字内容在文本框或者图相框中,那么正常的ctrl+F的查找功能就不能正常索搜到这些文字. 需 ...
html 获取文本框中的内容
获取文本框中的内容有以下两种方法: 假设为如下文本框: <input type="text" value="" id="text"&g ...
如何清除文本框中的内容
如何清除文本框中的内容: 1.设置文本框的默认值 <input name ="name" value="张三"> <input name=&q ...
在jsp页面中点击编辑按钮，显示input边框，可编辑，点击保存按钮，输入框消失，不可编辑，并将文本框中的内容保存到数据库中
寻找的资料一. 默认readonly不允许编辑.点击编辑的时候加上边框样式,去掉readonly属性 <style>.readonly input{border:none}</st ...
如何设置textarea文本框中的内容为只读不可修改状态
设置<textarea>文本框中的内容为只读不可修改状态,只需要加入disabled或readonly即可 <textarea name="qualification&qu ...
下拉框——把一个select框中选中内容移到另一个select框中遇到的问题
在使用jQuery实现把一个select框中选中内容移到另一个select框中功能时遇到了一个问题,就是点击按钮时内容可以到另一个select框中,但是到了另一个select框中的内容却很快闪退回原来 ...
将对话框(提示框)中的内容粘贴到记事本
将对话框(提示框)中的内容粘贴到记事本: Ctrl+All Ctrl+C Win+R notepad Ctrl+V 几个步骤搞定这样就能整个复制到百度上查询相关帮助了,再也不用自己一个个打字了. 转 ...
获取textedit框中的内容
获取textedit框中的内容 QString talkMsg = this->ui->textEditSend->document()->toPlainText();

删除web文本框中的内容需要或者文本框失去焦点，点击“Backspace”键时页面回退，屏蔽页面回退键的方法

删除web文本框中的内容需要或者文本框失去焦点，点击“Backspace”键时页面回退，屏蔽页面回退键的方法相关推荐

最新文章

热门文章