如果您想象在 Microsoft Paint 中,您可以单击并按住在某个区域中进行绘制,我喜欢执行类似的操作,但向表格中的单元格添加一个类:
(请注意,这不适用于绘画/艺术,只是一种简单的解释方式!)
以下内容不起作用...
$(function(){
$('td').mousedown(function(){
console.log('down');
$('td').bind('hover', function(){
$(this).addClass('booked');
});
})
$('td').mouseup(function(){
$('td').unbind('hover');
});
})
最佳答案
没有“悬停”事件。为什么不直接在“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');
});
});
关于mousedown 和 mouseup 之间的 jquery 悬停事件 - 可能吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2667710/