当前位置: 代码迷 >> Web前端 >> 障蔽页面中不可编辑的文本框中的backspace按钮事件
  详细解决方案

障蔽页面中不可编辑的文本框中的backspace按钮事件

热度:138   发布时间:2012-08-21 13:00:21.0
屏蔽页面中不可编辑的文本框中的backspace按钮事件
 <script type="text/javascript">
        //屏蔽页面中不可编辑的文本框中的backspace按钮事件
        function keydown(e) {
            var isie = (document.all) ? true : false;
            var key;
            var ev;
            if (isie){ //IE和谷歌浏览器
                key = window.event.keyCode;
                ev = window.event;
            } else {//火狐浏览器
                key = e.which;
                ev = e;
            }

            if (key == 8) {//IE和谷歌浏览器
                if (isie) {
                    if (document.activeElement.readOnly == undefined || document.activeElement.readOnly == true) {
                        return event.returnValue = false;
                    } 
                } else {//火狐浏览器
                    if (document.activeElement.readOnly == undefined || document.activeElement.readOnly == true) {
                        ev.which = 0;
                        ev.preventDefault();
                    }
                }
            }
        }

        document.onkeydown = keydown;
    </script>