按空格键向下滚动页面?

2024-01-04

我有一个问题,我什至不知道要搜索什么才能解决。当我按空格键时,整个页面向上移动(向下滚动):我不希望发生这种情况。我的body标签的样式为overflow:hidden,如果这与它有任何关系,那么页面将不会有任何滚动条。我通常非常擅长执行初步的故障排除技术,但在这种情况下我什至不知道从哪里开始。我怎样才能阻止这种行为?

附加信息:我正在使用 jQuery 1.4.2


这种默认的滚动行为来自keydown event https://developer.mozilla.org/en-US/docs/Web/API/Element/keydown_event。为了防止这种情况发生,您必须处理keydown事件并阻止默认行为,或者通过返回false从事件处理程序或调用event.preventDefault().

根据经验,在防止空格键滚动等默认行为之前请仔细考虑。我一直在使用它,当它在页面中不起作用时我会非常恼火。

但如果你想吃钥匙...

window.onkeydown = function(e) {
    return e.keyCode !== 32;
};

根据MDN 网络文档KeyboardEvent#keyCode https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode, keyCode是一个已弃用的属性。尽管它在大多数浏览器中仍然有效,但我们鼓励您使用KeyboardEvent#key https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key展望未来,这是密钥的更标准化的字符串表示形式。这key空格键的值实际上是输入值:" "(单个空格字符串)。因此,如果您想非常小心地支持所有浏览器,您可以编写:

window.onkeydown = function(e) {
    return ev.keyCode !== 32 && ev.key !== " ";
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

按空格键向下滚动页面? 的相关文章

  • 一行中单独一个元素的选择器? [复制]

    这个问题在这里已经有答案了 我们有带有 2 个子元素的 Flex 容器 当我们调整窗口大小并且其中一个弹性项目换行时 每个元素都位于其自己的行上 有没有像这样的选择器 when alone in row flex parent flex f
  • 为什么我可以在css中将gif设置为背景图片url(),但无法将视频mp4设置为背景url?

    为什么我可以在css中将gif设置为背景图片url 但无法将视频mp4设置为背景url 我尝试了一切 甚至将 url 设置为指向 svg 该 svg 中包含在 src 属性中编码为 base64 的异物视频 但行不通 我不需要 video
  • 缩小 HTML、CSS 和 Javascript 是一个坏主意吗?

    维基百科定义缩小 http en wikipedia org wiki Minification 28programming 29 as 从源代码中删除所有不必要的字符而不改变其功能的过程 这些不必要的字符通常包括空格字符 换行符 注释 有
  • 如何更改 Bootstrap 导航栏折叠断点

    目前 当浏览器宽度低于 768px 时 导航栏将更改为折叠模式 我想将此宽度更改为 1000px 这样当浏览器低于 1000px 时 导航栏就会更改为折叠模式 我想在不使用 LESS 的情况下执行此操作 我使用的是手写笔而不是 LESS 我
  • 是否可以使用“grid-template-areas”删除网格中空行的高度?

    我有一个包含八张 或更少 卡片的网格 我希望卡片自动放置在网格中 而不知道它们的宽度和高度 也就是说 宽度和高度应该在网格样式中指定 当我展示全部 8 张卡片时效果非常好 例子 grid template areas card 1 card
  • zone.js:140未捕获类型错误:无法读取属性“删除”

    我是 kendo ui 的新手 我在小提琴中开发了原型 删除确认窗口在那里工作正常 但是当我集成到我的代码库中时 我收到错误 Cannot read property remove at the line pai to delete rem
  • UIWebView 如何检测 被点击

    我知道下面的方法可以检测链接元素点击 但我想知道是否UIView可以检测是否img元素被点击 BOOL webView UIWebView webView shouldStartLoadWithRequest NSURLRequest re
  • 鼠标移动时画布拖动

    我正在尝试构建一个可以使用鼠标移动拖动的画布 我做了一些我无法理解的错误 因为一开始似乎有效 然后出现了一个增量错误 使画布移动得太快 考虑以下代码 window onload function var canvas document ge
  • 在动态创建的元素的onclick函数的属性中传递一个字符串

    我试图在动态创建的锚元素的 onClick 事件处理函数的参数中传递一个字符串 请参阅小提琴http jsfiddle net shmdhussain bXYe4 http jsfiddle net shmdhussain bXYe4 我无
  • 在 PhoneGap 应用程序中打开用 HTML 和 CSS 制作的 PDF

    我的 iPad 应用程序在 Phone Gap 中遇到一个奇怪的问题 问题是我必须通过链接在我的应用程序中打开 PDF 文档 当我单击打开 PDF 的链接时 它会向我显示没有反向链接的 PDF 文档 因此 当我通过链接在应用程序中打开 PD
  • 保证金如何运作?

    我在下面提供了marginfix这是一个块级元素并且one and two也是块级的 但它们是浮动的 这就是为什么它们位于同一行布局的原因 但是marginfix也不浮动 块级元素应位于该元素下方 如下所示
  • 指定 HTML5 输入类型 = 日期的值输出?

    我想将本机日期选择器添加到我的应用程序中 该应用程序当前使用遗留的本地系统 日期输入支持尚未广泛普及 但如果我可以基于兼容性提供这两种实现 那就太理想了 有没有办法指定 HTML 日期选择器给出的值的输出 歌剧的默认设置是yyyy mm d
  • 如何使用 HTML 和 CSS 在我的网站上显示社交图标?

    我拼命尝试向我的网站添加一些图标 但无法让它们正确显示 我想要的只是一个包含图像并在线显示它们的容器 然后我想在该容器和图像之间添加一些填充 仅此而已 看这里我的方法 如果有人可以帮助我并纠正我的代码 使其真正有效 我会非常高兴 在我的 H
  • Bootstrap Grid System 新线看起来不太好

    最近 我开始在我的网站上制作一个管理页面来编辑多个小表 1 5 个条目 它们全部显示在一页上 并且表格嵌套在 div 中 如下所示 div class row div class col xs 12 col sm 4 col md 4 di
  • 如何将焦点设置在 BootStrap 中的第一个输入字段上? [复制]

    这个问题在这里已经有答案了 可能的重复 如何将焦点设置到独立于 id 的 HTML 表单中的第一个输入元素 https stackoverflow com questions 277544 how to set the focus to t
  • @fontface - 禅宗购物车中的 403 禁止错误

    我不确定这是否是发布此内容的正确位置 因为我不知道问题出在哪里 基本上 字体现在对我来说真的很痛苦 而且没有任何效果 我尝试从 google fonts 加载字体 但遇到了 IE 问题 所以我决定下载它们并自己提供服务 但现在它无法在任何浏
  • 当 Chrome 中嵌套滚动中的数据更改时防止页面滚动

    我在页面中有一个固定大小的元素 带有 溢出 滚动 其内容经常更改 我预计该元素内部发生的更改会影响该元素的滚动 但不会影响页面滚动 但是当这个元素位于页面顶部时 页面本身开始滚动 我怎样才能防止这种情况发生 要重现此行为 我在 chrome
  • 即使我的情况按预期发生变化,Angular ngClass 也不会更新我的课程

    我正在创建的模板中有类似的内容 div class nng 3 div 价值app layout isNavbarFixed等用零或一初始化 并且页面第一次加载时 适当的类被插入到我的div 不过 此后通
  • jQuery:向左滑动和向右滑动

    我见过slideUp and slideDown在 jQuery 中 左右滑动的功能 方式怎么样 您可以使用 jQuery UI 中的附加效果来做到这一点 详情请参阅此处 http docs jquery com UI Effects Sl
  • 如何使用 Django (Python) 登录表单?

    我在 Django 中构建了一个登录表单 现在我遇到了路由问题 当我选择登录按钮时 表单不会发送正确的遮阳篷 我认为前端的表单无法从 查看 py 文件 所以它不会发送任何 awnser 并且登录过程无法工作 该表单是一个简单的静态 html

随机推荐

  • Rails 4:将 JSON 对象(来自 AJAX 响应)渲染到视图中

    我正在使用 Rails 4 而且对 JSON 对象还很陌生 我有一个控制器 class UsersController lt ApplicationController def select users users User all res
  • C# 两个数组的相似之处

    There must是一个更好的方法来做到这一点 我确信 Simplified code var a new List
  • 如何将 Firebase 数据库锁定到特定(电子邮件)域中的任何用户?

    我有一个使用 Firebase 数据库的小型个人 Firebase Web 应用程序 我想保护 锁定 这个应用程序给来自单个特定域的任何用户 我想通过 Google 进行身份验证 我不清楚如何将规则配置为 仅来自单个特定域的用户 例如 fo
  • 在 PostgreSQL 中聚合 (x,y) 坐标点云

    我有一个 PostgreSQL 数据库表 其简化结构如下 设备 ID varchar Pos X 整数 Pos Y 整数 基本上 该表包含设备的大量二维航路点数据 现在我想设计一个查询来减少输出中的坐标数量 它应该聚合附近的坐标 对于某个
  • 如果 Apt 包丢失,Ansible 执行任务

    如果缺少特定的 apt 软件包 我希望执行一系列任务 例如 如果未安装石墨碳 请执行以下操作 apt name debconf utils state present shell echo graphite carbon postrm re
  • Ruby 中的装饰器(从 Python 迁移)

    我今天从 Python 的角度学习 Ruby 我完全无法解决的一件事是装饰器的等效项 为了简化事情 我尝试复制一个简单的 Python 装饰器 usr bin env python import math def document f de
  • 如何在正则表达式中使用 awk 变量?

    我有一个名为domain其中包含一些域 例如 google com facebook com yahoo com 我还有另一个文件叫site其中包含一些站点 URL 和编号 例如 image google com 10 map google
  • Visual Studio:基于正则表达式的自定义代码突出显示[关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 由于我的应用程序支持某种偏执的调试级别 每个数据分配 代码中的每个步骤都写入日志目标 因此我的代码中充
  • CSS 中的禁用按钮?

    我试图获得一个无论启用还是禁用看起来都完全相同的按钮 但是每当我禁用该按钮时 它似乎都会忽略我设置的任何字体样式 在 IE 中似乎是这种情况 但在其他浏览器中则不然 那么有人知道 CSS 可以更改禁用按钮以使字体不被浮雕吗 提前致谢 克里斯
  • 在Windows上编译RInside程序[重复]

    这个问题在这里已经有答案了 可能的重复 Windows下编译RInside示例的问题 https stackoverflow com questions 5650063 problem with compiling rinside exam
  • 检测32位操作系统下处理器是否为64位

    通常 x86 64 架构提供与 x86 的兼容性 32 位 Windows 或其他操作系统 可以在 x86 64 处理器上运行 如果我错了请纠正我 我想知道 32 位 Windows 是否可以 在 C 中 知道底层处理器是否是 64 位 例
  • JavaPreparedStatement:com.microsoft.sqlserver.jdbc.SQLServerException,索引超出范围

    我正在尝试执行SQL使用 Java 进行查询PreparedStatement在 Java 7 中使用以下代码 PreparedStatement functionalCRsStatement con prepareStatement se
  • 本机代码中的 JVM 致命错误,不知道该怎么办

    我正在使用 LWJGL 在 Java 中开发游戏 除了主游戏之外 我还开发了一些基于 Swing 的应用程序 启动器 配置编辑器和地图编辑器 当我运行启动器时 我有时 大约 10 的时间 会发生致命的 JVM 崩溃 这很奇怪 我可以在几秒钟
  • 查找文件夹中名称相同但扩展名不同的文件

    我有一个 FTP 服务器 它将客户端发送 上传的文件存储在某个文件夹中 客户端将上传3个名称相同但扩展名不同的文件 例如 客户端将发送file1 ext1 file1 ext2和file1 ext3 我正在寻找一段代码 它可以帮助我找到具有
  • 如何防止 php 站点的浏览器缓存

    我有一个在云服务器中运行的 php 网站 每当我添加新文件 css js 或图像时 浏览器都会加载存储在缓存中的相同旧 js css 和图像文件 我的网站有一个文档类型和元标记 如下所示
  • C++ 命名空间建议

    我刚刚自学 C 命名空间 来自 C 背景 我真的开始认为 即使 C 比大多数其他语言做得更好 嵌套命名空间也不是其中之一 我是否正确地认为 为了声明一些嵌套名称空间 我必须执行以下操作 namespace tier1 namespace t
  • 是否可以通过文件名引用 Azure Key Vault 中的证书?

    In 这个问题的场景 https stackoverflow com questions 52361509 how to supply file locations to an azure function我正在使用一个以证书路径作为参数的
  • 安装 gem 时出错未能构建 gem 本机扩展 -- 无法加载此类文件 -- mkmf

    RoR 很好 但有时让我想用头撞墙 无论如何 这可能是我的错 我只是想安装Thinweb client gem 当我运行时sudo gem install thin 我收到以下错误 它需要首先安装 eventmachine gem sudo
  • 如何在 VSCode 设置中设置 Prettier 以按文件类型有条件地应用单引号?

    我正在尝试在 VSCode 设置中设置 Prettier 以便对于除 JS 之外的所有文件类型 它将默认为双引号 我已禁用 ESLint 以确保这不是问题 我还检查了有关 JSON 中配置覆盖的 Prettier 文档 但我的设置似乎不起作
  • 按空格键向下滚动页面?

    我有一个问题 我什至不知道要搜索什么才能解决 当我按空格键时 整个页面向上移动 向下滚动 我不希望发生这种情况 我的body标签的样式为overflow hidden 如果这与它有任何关系 那么页面将不会有任何滚动条 我通常非常擅长执行初步