码迷,mamicode.com
首页 > Web开发 > 详细

防止点击退格键使网页后退实例代码

时间:2015-12-29 06:16:31      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:

防止点击退格键使网页后退实例代码:
有些经常使用编辑器的朋友可能会遇到这样的现象,当使用退格键BackSpace删除文本的时候,并没有实现这个效果,而是使网页发生后退现象,这是一件非常恼人的事情,因为有时候已经编辑好的内容就此消失,下面就简单介绍一下如何阻止这样的情况发生。
代码如下:

$(document).keydown(function(e){ 
  var doPrevent; 
  if(e.keyCode==8){ 
    var d=e.srcElement||e.target; 
    if(d.tagName.toUpperCase()==‘INPUT‘||d.tagName.toUpperCase()==‘TEXTAREA‘) { 
      doPrevent=d.readOnly||d.disabled; 
    } 
    else {
       doPrevent=true; 
    }    
  } 
  else {
    doPrevent=false; 
  }
  if(doPrevent) {
    e.preventDefault(); 
  }
})

以上代码可以实现此功能,这里就不多介绍了,如有任何问题可以跟帖留言。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9040

更多内容可以参阅:http://www.softwhy.com/jquery/

防止点击退格键使网页后退实例代码

标签:

原文地址:http://www.cnblogs.com/xiaofinder/p/5084496.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!