javascript常用方法，解决浏览器中Backspace按键回退页面问题

1.javascript解决浏览器中Backspace按键回退页面问题

以下代码复制到页面即可解决，浏览器中Backspace按键回退页面问题

//判断操作返回时，阻止发生
function banBackSpace(e) {
  var ev = e || window.event;
  //各种浏览器下获取事件对象
  var obj = ev.relatedTarget || ev.srcElement || ev.target || ev.currentTarget;
  //按下Backspace键
  if (ev.keyCode == 8) {
   var tagName = obj.nodeName //标签名称
   //如果标签不是input或者textarea则阻止Backspace
   if (tagName != 'INPUT' && tagName != 'TEXTAREA') {
    return stopIt(ev);
   }
   var tagType = obj.type.toUpperCase();//标签类型
   //input标签除了下面几种类型，全部阻止Backspace
   if (tagName == 'INPUT' && (tagType != 'TEXT' && tagType != 'TEXTAREA' && tagType != 'PASSWORD')) {
    return stopIt(ev);
   }
   //input或者textarea输入框如果不可编辑则阻止Backspace
   if ((tagName == 'INPUT' || tagName == 'TEXTAREA') && (obj.readOnly == true || obj.disabled == true)) {
    return stopIt(ev);
   }
  }
 }
 
 //通用阻止
 function stopIt(ev) {
  if (ev.preventDefault) {
   //preventDefault()方法阻止元素发生默认的行为
   ev.preventDefault();
  }
  if (ev.returnValue) {
   //IE浏览器下用window.event.returnValue = false;实现阻止元素发生默认的行为
   ev.returnValue = false;
  }
  return false;
 }
 
 //页面初加载
 $(function() {
  //实现对字符码的截获，keypress中屏蔽了这些功能按键
  document.onkeypress = banBackSpace;
  //对功能按键的获取
  document.onkeydown = banBackSpace;
 })

2.javascript解决页面禁止复制等操作

body标签后面加上
oncontextmenu='return false' //禁止右键
οndragstart='return false' //禁止拖动
onselectstart ='return false' //禁止选中
οnselect='document.selection.empty()' //禁止选中
οncοpy='document.selection.empty()' //禁止复制
onbeforecopy='return false' // 禁止复制
οnmοuseup='document.selection.empty()'

html案列源码-页面右键不起作用，页面不能复制

  

    
CSDN 好的资源源码  - 记录保存
    

       
★★★★★【博主推荐】html界面绘制SVG图形(附源码)
       
★★★★★【博主推荐】html下拉框树形（附好看的登录界面）
       
★★★★★【博主推荐】html操作SVG图(附源码)
       
★★★★★【博主推荐】HTML5响应式手机WEB(附源码)
       
★★★★★【博主推荐】SSM框架的后台管理系统（附源码）
       
★★★★★【博主推荐】html后台管理系统框架(附源码)
	   
★★★★☆【博主推荐】大数据可视化大屏(源码下载)
	   
★★★★☆【博主推荐】HTML制作一个美观的个人简介网页（附源码）
	   
★★★★☆ 
     
   

效果图

3.js获取上下左右按键操作，且滚动条不受影响

//控制键盘上下左右按钮
 document.onkeydown = function (event) {
     var e = event || window.event || arguments.callee.caller.arguments[0];
     if(e){
         switch(e.keyCode){
             case 37://←
                alert("单击了左按键");
                 break;
             case 38://↑
                 //点击键盘上下键，页面右侧滚动条不随之上下滚动
                 if (e.preventDefault) {
                     e.preventDefault();
                 } else {
                     e.returnValue = false;
                 }
                alert("单击了上按键");
                 break;
             case 39://→
                alert("单击了右按键");
                 break;
             case 40://↓
                 //点击键盘上下键，页面右侧滚动条不随之上下滚动
                 if (e.preventDefault) {
                     e.preventDefault();
                 } else {
                     e.returnValue = false;
                 }
                alert("单击了下按键");
                 break;
         }
     }
 };

---

优质资源分享

【总览】程序员前端、后端资源合集

【源码】程序员优质资源汇总

【博主推荐】JAVA SSM框架的后台管理系统（附源码）

【博主推荐】SpringBoot API接口对数据库增删改查,路由,TOKEN,WebSocket完整版(附源码)

【博主推荐】HTML制作一个美观的个人简介网页（附源码）

【博主推荐】html好看的个人简历网页版(附源码)

【博主推荐】html好看的个人主页(附源码)

【博主推荐】html好看的邀请函(附源码)

【博主推荐】html好看的音乐播放器(附源码)

【博主推荐】html好看的拼图小游戏(附源码)

【博主推荐】html好看的拼图验证码(附源码)

【博主推荐】html界面绘制SVG图形(附源码)

【博主推荐】html操作SVG图(附源码)

【博主推荐】html下拉框树形（附好看的登录界面）

【博主推荐】HTML5响应式手机WEB(附源码)

【博主推荐】大数据可视化大屏(源码下载)

【博主推荐】html引用百度地图定位闪烁弹框树形(附源码)

【博主推荐】HTML酷炫动画表白求爱界面(附源码)

---

     关注博主 带你实现畅游前后端

     加入社区 带你体验马航不孤单

     神秘个人简介 带你体验不一样得介绍

     酷炫邀请函 带你体验高大上得邀请

     亲，码字不易，动动小手，欢迎 点赞 ➕ 收藏，如 问题请留言（评论），博主看见后一定及时给您答复，