Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js实现禁用只读文本框获得焦点时的退格键

js实现禁用只读文本框获得焦点时的退格键

发布时间:2014-08-26   编辑:www.jquerycn.cn
只读文本框有个缺陷,当鼠标焦点在文本框里面时,按回退键(backSpace),会退回到前一个页面。

只读文本框有个缺陷,当鼠标焦点在文本框里面时,按回退键(backSpace),会退回到前一个页面,多么纠结的一个问题啊。
这样的话,用户又不清楚可不可以输入了,如果用户看到文本框想去修改里面的东西,按一下,有可能前面所有填写的数据就会丢失了。

将如下的代码,放入<script></script>中,你便可以心怀欢喜,不再担心这个问题啦。
不多说,看代码,哇哇哇。。。
 

复制代码 代码如下:
document.documentElement.onkeydown = function(evt){
var b = !!evt, oEvent = evt || window.event;
if (oEvent.keyCode == 8) {
var node = b ? oEvent.target : oEvent.srcElement;
var reg = /^(input|textarea)$/i, regType = /^(text|textarea)$/i;
if (!reg.test(node.nodeName) || !regType.test(node.type) || node.readOnly || node.disabled) {
if (b)
{
oEvent.stopPropagation();
}
else
{
oEvent.cancelBubble = true;
oEvent.keyCode = 0;
oEvent.returnValue = false;
}
}
}
}

您可能感兴趣的文章:
js实现屏蔽"Backspace"(退格)键后退功能的代码
js实现禁用只读文本框获得焦点时的退格键
js禁止页面F5刷新 右键与后退的代码
php 设置磁盘权限的批处理文件
javascript禁止Backspace退格键的多种方法
JS禁止浏览器后退键的实现代码
javascript禁用浏览器后退按钮
js 事件-禁止右键与文本选择
Jquery实现获取焦点、失去焦点的代码
js禁用鼠标右键菜单(加强版)

关键词: js焦点  退格键  文本框  文本框只读   
[关闭]