JQuery实现防止退格键返回的方法

编程学习 2021-07-04 21:47www.dzhlxh.cn编程入门
这篇文章主要介绍了JQuery实现防止退格键返回的方法,实例分析了jQuery实现使Backspace不可用而浏览器中Backspace仍可用的方法,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了JQuery实现防止退格键返回的方法。分享给大家供大家参考。具体实现方法如下:

代码如下:
//浏览器中Backspace不可用 
$(document).keydown(function(e){  
       var keyEvent;  
       if(e.keyCode==8){  
           var d=e.srcElement||e.target;  
            if(d.tagName.toUpperCase()=='INPUT'||d.tagName.toUpperCase()=='TEXTAREA'){  
                keyEvent=d.readOnly||d.disabled;  
            }else{  
                keyEvent=true;  
            }  
        }else{  
            keyEvent=false;  
        }  
        if(keyEvent){  
            e.preventDefault();  
        }  
});  
 
//只防止input和textarea 浏览器中Backspace仍可用 
$(document).keydown(function(e){  
var keyEvent;  
if(e.keyCode==8){  
var d=e.srcElement||e.target;  
            if(d.tagName.toUpperCase()=='INPUT'||d.tagName.toUpperCase()=='TEXTAREA'){  
                keyEvent=d.readOnly||d.disabled;  
            } 
} else{ 
            keyEvent=false; 

if(keyEvent){  
            e.preventDefault();  
        }  
});

希望本文所述对大家的jQuery程序设计有所帮助。

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板