拦截 Chrome 浏览器中的 PageUp / PageDown keydown 事件答案

【问题标题】：Intercept PageUp / PageDown keydown events in Chrome Browser拦截 Chrome 浏览器中的 PageUp / PageDown keydown 事件
【发布时间】：2011-12-30 15:42:12
【问题描述】：

我有一些输入元素，用户在 pageup / pagedown 键上请求特殊行为以修改输入元素中的值。用户不想要的是让他们正在编辑的滚动区域也进行页面向上/向下滚动。我让它在 Firefox 和 IE8 中正常工作。

但是，在 Chrome 中，我找不到阻止浏览器本身使用这些键盘事件滚动区域的方法。在任何人建议之前，调用 e.stopPropagation() 或 e.immediateStopPropagation() 并不能解决 Chrome 中的问题。它在 Firefox 和 IE8 中运行良好。

此外，页面向上/向下行为仅针对这些特殊输入字段进行修改。对于所有其他人，向上/向下翻页正常工作。

您可以在http://jsfiddle.net/photo_tom/CN4UZ/ 看到一个工作演示。

【问题讨论】：

标签： javascript google-chrome internet-explorer firefox dom-events

【解决方案1】：

我使用了e.preventDefault()。适用于 Chrome 16。

http://jsfiddle.net/CN4UZ/5/

【讨论】：

【解决方案2】：

对我来说在 Chrome 中运行良好。

Google Chrome   17.0.963.12 (Official Build 114667) dev-m
OS  Windows
WebKit  535.11 (@102901)
JavaScript  V8 3.7.12.6
Flash   11,1,102,55
User Agent  Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.11 (KHTML, like Gecko) Chrome/17.0.963.12 Safari/535.11
Command Line    "C:\Users\..\AppData\Local\Google\Chrome\Application\chrome.exe" --no-startup-window --flag-switches-begin --enable-print-preview --flag-switches-end
Executable Path C:\Users\..\AppData\Local\Google\Chrome\Application\chrome.exe
Profile Path    C:\Users\..\AppData\Local\Google\Chrome\User Data\Default

如果你没有我的构建：

尝试使用return false：http://jsfiddle.net/maniator/CN4UZ/4/

【讨论】：

大多数人不会使用开发版本。