Попробуйте что-то вроде этого:
$(document).ready(function(){
var isDown = false; // Tracks status of mouse button
$(document).mousedown(function() {
isDown = true; // When mouse goes down, set isDown to true
})
.mouseup(function() {
isDown = false; // When mouse goes up, set isDown to false
});
$(".node").mouseover(function(){
if(isDown) { // Only change css if mouse is down
$(this).css({background:"#333333"});
}
});
});
EDIT:
Возможно, вы захотите сделать отдельную mousedown
для .node
для выбора отдельных предметов.
$('.node').mousedown(function() {
$(this).css({background:"#333333"});
});
EDIT:
Вот альтернативный метод с использованием bind
и unbind
.
$(document).mousedown(function() {
$(".node").bind('mouseover',function(){
$(this).css({background:"#333333"});
});
})
.mouseup(function() {
$(".node").unbind('mouseover');
});
$('.node').mousedown(function() {
$(this).css({background:"#333333"});
});