0

jQuery UI(http://jqueryui.com/selectable/#default)でこのようなものを構築しようとしています

  • 項目 1 をクリックし、マウスをドラッグします。選択した項目の視覚的な合図として [outline rectange] が表示されます。

Google Closure でこれを試していたとき。コンテナとコンテナ内のアイテムを作成しました。ここのデモにあるものと非常によく似たもの 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

  • スクロールコンテナセクションの最後に移動
  • マウスを垂直方向に移動してみてください。これは非常に高速で、イベント応答も良好です。
  • 水平方向 -> 1 つのアイテムにとどまる - これは非常に遅い

私は何を間違っていますか?またはどうすればこれをより速くすることができますか。jquery uiが持っているように、滑らかな[輪郭の長方形]を持つようにします。

4

1 に答える 1

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);
    }
);
于 2013-10-23T07:53:37.150 に答える