问答博客标签用户活动
logo极客观点logo研发管理logoHarmonyOS
javascript
php
java
vue.js
git
html5
python
node.js
android
mysql
react.js
linux
ios
css
golang
spring
docker
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

求大神告知怎么禁止空格键翻页和鼠标按住左键拖拽页面

头像
召唤大神
    1123

    如题。

    js：
<script language="Javascript"> 
document.oncontextmenu=new Function("event.returnValue=false"); 
document.onselectstart=new Function("event.returnValue=false"); 
</script> 
---
html：
<body onmousewheel="return false;" ondragstart="return false;">
css：
body{overflow: hidden;}

    我已经设置相关代码禁止页面被滚动，但是还有两个操作方式不知道怎么禁止（1.按空格键翻页2.按住鼠标拖拽页面）
    求大神教教我，并用<script language="Javascript"> *</script> 方式帮忙写一下，不甚感谢

    javascripthtmlcss
    阅读 6.6k
    3 个回答
    得票最新
    头像
    北堂棣
      6.6k94268

      禁止空格键翻页,如下：

      $("body").bind("keydown",function(e){     
    e=window.event||e;
      
     //禁止空格键翻页 
     if(event.keyCode==32){
        return false; 
     }
  
 });

      另外一个禁止按住鼠标拖拽页面，我不太清楚怎么实现，坐等大神。。。

      相关链接：
      jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等

      头像
      chocking
        9527
        document.addEventListener && document.addEventListener('dragstart',function(e){
    e.preventDefault();
},false);
document.ondragstart = function(e) {
  e.preventDefault();
};

        禁止拖拽试试这个

        头像
        Joean
          682
          onmousewheel=function(){return false;}   
在浏览器控制台试了一下可以用
          撰写回答
          你尚未登录，登录后可以
          • 和开发者交流问题的细节
          • 关注并接收问题和回答的更新提醒
          • 参与内容的编辑和改进，让解决方法与时俱进
          推荐问题
          宣传栏