为什么 Firefox 不将所有鼠标滚轮事件传递到我的 JavaScript 应用程序？

发布于 2024-11-18 07:31:06 字数 375 浏览 4 评论 0原文

我正在使用 protovis 库（http://mbostock.github.com/protovis/）来绘制图表。
我上传了我正在使用的代码，以防有人想看一下：
http://jsfiddle.net/zobel/brEAD/

这是我的问题：在 Firefox 下，当我使用鼠标滚轮放大或缩小，一些鼠标滚轮事件不是由我的应用程序捕获，而是由 Firefox 本身捕获。结果是我最终得到了缩放和页面滚动的混合。您可以通过缩小 Firefox 窗口直到滚动条可见来测试这一点。
Opera下不会出现这个问题。为什么会发生这种情况以及如何解决？
预先非常感谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

逆夏时光 2024-11-25 07:31:06

可能是 JavaScript 库中的错误（或简单的遗漏）。该库需要在 preventDefault() href="https://developer.mozilla.org/en/Gecko-Specific_DOM_Events#DOMMouseScroll" rel="nofollow">DOMMouseScroll 事件。

由于事件冒泡，您可以自己在作为图的父节点的任何 DOM 对象上执行此操作。这是一个简单的例子：

document.body.addEventListener('DOMMouseScroll', function(e){
    e.preventDefault();
}, false);

这在旧版本的 IE 中不起作用，因为它不支持 addEventListener，但您明白了。我建议使用另一个通用 JavaScript 库（如 jQuery），并使用它来设置事件处理程序。

May be a bug (or simple omission) in the JavaScript library. The library needs to preventDefault() on the DOMMouseScroll event.

Thanks to event bubbling, you can do this yourself on any DOM object that's a parent node of the graph. Here's one simple example:

document.body.addEventListener('DOMMouseScroll', function(e){
    e.preventDefault();
}, false);

This won't work in older versions of IE, since it doesn't support addEventListener, but you get the point. I recommend using another general-purpose JavaScript library (like jQuery), and use that to set your event handler.

回复收藏 0 原文

~没有更多了~