问问题
5030 次
3 回答
5
您所要做的就是从表格单元中绑定和取消绑定事件。
var currentColor;
$('.colors').click(function() {
$(this).fadeTo("fast", 0.40);
currentColor = $(this).css("background-color");
$('.colors').not(this).fadeTo("fast", 1);
});
$('table').mousedown(
function() {
$('td').bind('hover', function(){
$(this).css(
"background-color", currentColor
);
});
}).mouseup(function(){
$('table td').unbind('hover');
$('table').css(function(){
return false;
});
});
$("#reset").click(function() {
$("td").css("background-color", "white")
}
);
这里正在工作 jsFiddle http://jsfiddle.net/mFzkG/12/
于 2012-05-29T15:35:12.800 回答
2
你也可以试试这个 jquery 代码:
$('table').mousedown(
function() {
$('td').bind('mousedown mousemove', function(){
$(this).css(
"background-color", currentColor
);
});
});
$('table').mouseup(
function() {
$('td').unbind('mousedown mousemove');
});
于 2012-05-29T15:48:20.037 回答
2
为什么不这样做:
var currentColor;
var isMouseDown = false;
$('.colors').click(function() {
$(this).fadeTo("fast", 0.40);
currentColor = $(this).css("background-color");
$('.colors').not(this).fadeTo("fast", 1);
});
$('td').mousedown(function() {
isMouseDown = true;
});
$('td').mouseup(function() {
isMouseDown = false;
});
$('td').hover(function() {
if (isMouseDown) {
$(this).css("background-color", currentColor);
}
});
$("#reset").click(function() {
$("td").css("background-color", "white")
});
所以,我认为正确的实现是捕获mouseup
/mousedown
事件,将状态保存在变量中并在函数isMouseDown
中检查这个变量。hover()
于 2012-05-29T15:46:01.087 回答