js 屏蔽 backspace ，enter 等误操作。

原创于 2010-06-24 11:10:20 发布 · 170 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#Firefox #Blog

js 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在不同浏览器环境下，通过JavaScript实现对输入框（text/textarea）中readOnly属性的支持，有效阻止用户使用Backspace键删除内容的方法。此方案区分了IE和其他浏览器如Firefox的实现差异。

对[url=http://dingfenghua.iteye.com/blog/658493]http://dingfenghua.iteye.com/blog/658493[/url]中提到的方法进行了部分修改，为了针对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 ;
		    }
		  }
		}