鼠標懸停性能

Question

我試圖建立的jQuery UI這樣的事情（http://jqueryui.com/selectable/#default）

• 單擊項目1，然後拖動鼠標 - 你會看到一個[輪廓rectange]作爲選擇項目的視覺提示。

當我在谷歌關閉時嘗試thsi。我在容器中創建了一個容器和物品。 soemthing非常相似，我們在演示這裏 http://closure-library.googlecode.com/git/closure/goog/demos/container.html

我修改了演示添加4行代碼

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用戶界面。

Answer 1

mouseover事件沒有像您期望的那樣被解僱。相反，它只是mouseenter的「稍微複雜的形式」（請參閱​​https://developer.mozilla.org/en-US/docs/Web/Reference/Events/mouseover）。

如果我理解的很好，您想要做的事情可以通過將您聽的事件替換爲mousemove來實現。

嘗試

goog.events.listen(goog.dom.getElement('tb4'), 
    goog.events.EventType.MOUSEMOVE, 
    function(e) { 
     logger.info('e.clientX :'+e.clientX +' - e.clientY :'+ e.clientY); 
    } 
);