按空格键向下滚动页面?

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(使用前将#替换为@)

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

  • 引导导航栏菜单与文本重叠

    我使用最新版本的引导程序 当我调整屏幕浏览器的大小时 使用小切换按钮下拉导航栏时 导航栏会重叠页面上的文本 而不是向下推页面内容 我已经多次研究过这个问题 我尝试将 padding bottom 放在导航栏上 将 padding top 放
  • 使用 highcharts 时,为什么 Bootstrap 选项卡显示宽度不正确的选项卡窗格 div?

    因此 我正在使用 Twitter 的 Bootstrap 创建一个包含选项卡式内容的页面 但我的起始活动 div 的内容始终与其他选项卡的内容不同 例如 我在不同的选项卡中使用 highcharts js 放入图表 但活动选项卡始终显示正确
  • 如何在 select2 下拉列表中换行?

    我正在使用 select 2 下拉菜单 然后在其内容中显示一些长句子 我想在句子的正确位置添加换行符 但下拉菜单是自动调整的 For example the content of the dropdown right now looks l
  • 当共享相同的行和列时,将网格项设置为不重叠

    现在 当两个网格项共享相同的行和列时 它们会相互重叠 div class some grid container div Item 1 div div Item 2 div div 我如何让它们不重叠 当共享相同的行和列时 其行为可能类似于
  • jQuery - 如何从 div > p 获取文本

    如何从 div 类中获取主题名称 div class subject img src image eng jpg p English p div div class subject img src image bio jpg p Biolo
  • socket.io 的良好初学者教程? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 如何在更大的 div 中垂直和水平居中一个 div?

    如何将一个 水平居中于另一个 中 我设法使用已接受答案中的样式水平居中 我怎样才能让它垂直居中 内部 div 的高度未知 https stackoverflow com questions 114543 how to center div
  • 在表格上使用上下文样式将点边框应用于特定单元格

    我以前有过问了一个问题 https stackoverflow com questions 6326266 issue with applying dotted border to cells in table design在这个问题上 你
  • 使用 css 简单地将对象居中,无需修改

    我想使用 CSS 将对象居中 而不需要任何技巧 这可能吗 如何实现 我已经尝试过了 但是我的 p 标签消失了 centered position fixed top 50 left 50 有多种方法可以使元素居中 但这取决于您的元素是什么以
  • 悬停此元素时隐藏元素后的伪元素

    我的菜单垂直放置在页面左侧和菜单之间 li 我有一个 after那是一个分隔符 我想要的是当我悬停元素本身 如果它是第一个元素 时隐藏 after 元素 或者当它是中间元素时隐藏上面和底部的元素 如果它是最后一个子元素 则隐藏 after前
  • Twitter 卡元标签问题

    有问题的网址 https www halleonard com viewpressreleasedetail action releaseid 10261 https www halleonard com viewpressreleased
  • 将图像作为框架放置在 iframe 周围?

    我有一个网站尝试以移动格式显示 但在宽屏幕上 我确信 iframe 是正确的选择 我正在尝试将 iframe 加载到 iPhone 的图像中 你可以看一个例子here http webfro gs south tour iframe tes
  • 有角度的动态背景图片

    在 html 模板中 我有这种带有动态图像的样式 div style background none width 200px height 150px div 它适用于网络浏览器和 Android 浏览器 但是 使用 style 的动态背景
  • Angular - CSS - 自定义类型=文件输入,如何使用按钮而不是标签?

    我制作了一个类型为 file 的自定义输入字段 因为我不喜欢默认的输入字段 为了实现这一目标 我做了
  • 为 Angular2 中的组件加载多个样式表

    我正在构建一个 angular2 应用程序 当我尝试为同一组件加载多个样式表时 我面临多个问题 这是我正在做的代码 import Component from angular core Component selector my tag t
  • 尝试将数据存储在点击器网站中

    我正在尝试存储一个名为的变量score无论何时刷新 您都会一次又一次地使用它 我不明白的是它的代码是什么 我尝试了一些方法 但似乎都不起作用 这是我的答题器网站 但是当我尝试使用 JavaScript 来存储它时 它不起作用window o
  • 使用 CSS 或 Javascript 填充动画

    我只是想知道是否可以使用 CSS 或 javascript 创建填充动画 基本上我想创建一个填充动画 如下图所示 http i40 tinypic com eit6ia png http i40 tinypic com eit6ia png
  • 网站的主体和元素固定在 980px 宽度上,不会缩小

    我试图在 Rails 应用程序顶部启动前端 仅 HTML CSS 页面 但在使用 320px 视口时遇到问题 有些元素不会按比例缩小 我不明白为什么 我已经完成了检查元素 为各种元素提供了max width 100 and or width
  • 图像背景不透明度不影响边框

    如何设置背景不透明度而不影响边框线不透明度 我找到的解决方案没有帮助 div class selected img src assets img image product 1 thumbnail jpg alt product 1 thu
  • ios8 键盘高度有所不同

    我使用下面的代码来获取键盘高度 该高度在带有 ios8 的 iPhone 5s 设备中与带有 ios7 的 IPhone4s 设备中有所不同 因此 当我在带有 ios8 的 iPhone5s 中点击它时 我的文本字段移动得非常高 而相同的代

随机推荐

  • 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 如果这与它有任何关系 那么页面将不会有任何滚动条 我通常非常擅长执行初步