首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >MouseOver性能

MouseOver性能
EN

Stack Overflow用户
提问于 2013-10-22 21:27:32
回答 1查看 1.3K关注 0票数 0

我正试图在jQuery UI ( http://jqueryui.com/selectable/#default )中构建类似的东西

  • 单击第1项,然后拖动鼠标-您将看到一个提纲矩形作为选定项目的视觉提示。

当我试图关闭谷歌的时候。我在容器中创建了一个容器和项。非常类似于我们在这里的演示程序,http://closure-library.googlecode.com/git/closure/goog/demos/container.html

我修改了演示程序,添加了4行代码

代码语言:javascript
运行
复制
  goog.events.listen(goog.dom.getElement('tb4'),
        goog.events.EventType.MOUSEOVER,
        function(e) {
          logger.info('e.clientX :'+e.clientX +' - e.clientY :'+ e.clientY);
        });

托管在这里(http://jsbin.com/ixEvocA/1/watch?output)

  • 在滚动容器部分结束
  • 尝试鼠标垂直-这是非常快和事件反应良好。
  • 水平->停留在一个项目-这是非常慢的

我做错什么了?或者我怎样才能让这个更快。这样我就像jquery一样有光滑的轮廓矩形。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-10-23 07:53:37

mouseover事件不会像您预期的那样被触发。相反,它只是mouseenter的一种“稍微复杂的形式”(参见https://developer.mozilla.org/en-US/docs/Web/Reference/Events/mouseover)。

如果我理解得很好,您想要做的事情可以通过将您所听的事件替换为mousemove来实现。

试一试

代码语言:javascript
运行
复制
goog.events.listen(goog.dom.getElement('tb4'),
    goog.events.EventType.MOUSEMOVE,
    function(e) {
      logger.info('e.clientX :'+e.clientX +' - e.clientY :'+ e.clientY);
    }
);
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19528694

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档