mousedown 和 mouseup 之间的 jquery 悬停事件 - 可能吗？

Question

如果您想象在 Microsoft Paint 中，您可以单击并按住在某个区域中进行绘制，我喜欢执行类似的操作，但向表格中的单元格添加一个类:

(请注意，这不适用于绘画/艺术，只是一种简单的解释方式!)

以下内容不起作用...

$(function(){
    $('td').mousedown(function(){
    console.log('down');
      $('td').bind('hover', function(){
        $(this).addClass('booked');
      });
    })

    $('td').mouseup(function(){
       $('td').unbind('hover');
    });
})

Answer 1

没有“悬停”事件。为什么不直接在“mousedown”处理程序中添加该类并在“mouseup”中删除它？

如果您希望仅在延迟后添加类，请在“mousedown”中设置超时以添加该类，并在“mouseup”中取消超时(并删除该类)。

$(function(){
  var timeout;
  $('td')
    .mousedown(function(){
      var $cell = $(this);
      timeout = setTimeout(function() {
        $cell.addClass('booked');
      }, 1000);
    })
    .mouseup(function(){
      cancelTimeout(timeout);
      $(this).removeClass('booked');
    });
});