JS禁用浏览器退格键


我们在真实的项目开发中经常会使用JS对键盘上的一些按键进行禁用,常见的比如说退格键(backspace/后退键),我在一个项目中就遇到过在页面编辑的时候禁用掉退格键,因为退格键会发生页面后退,这样编辑的内容都会失去了,非常的恶心人。ok,废话少说,直接上代码。


 


 

Ok,下面需要做几点说明:

      1、可能有的人没有考虑到页面的中有一个不可编辑的输入框的时候,如果光标在此输入框中,敲退格键的时候依然会发生后退;

      2、有的人可能在获取作为判断条件的事件类型的时候是通过

 var vReadOnly = obj.getAttribute('readonly'); 和

 var vEnabled = obj.getAttribute('enabled'); 

这样的话 在Firefox及Chrome中 obj.getAttribute('readonly') 返回的值是null,或"",而在IE中,该方法返回的是"readonly"或"",而且根据测试, 
并没有"enable"的属性,而应该是"disabled",因此,上述方法固然会失效.而且获取DOM的对象属性及标准属性的时候,不应该采用getAttribute方法,这是不准确的,应采用obj.attribute标准方法,这样不会存在因浏览器对js的解释差异而导致的兼容性问题;

 

其实如果大家注意看上面的代码可以发现,通过这种方式我们可以禁用键盘上的的所有按键,只要找到对应的keyCode即可。

你可能感兴趣的:(前台,web,浏览器,firefox,chrome,opera,function,ie)