jQuery事件在mouseup上停止

Question

我正在尝试创建一个非常简单的应用程序，用户可以在按下鼠标按钮时将其绘制到具有选定颜色的表中，而在鼠标按下时事件将停止。

绘图效果很好，唯一的问题是释放鼠标时事件不会停止。我已经尝试了很多方法，但是显然我做错了。还尝试绑定和取消绑定该事件，但也没有起作用。

您可以在此处查看该代码的一种版本：http : //jsfiddle.net/mFzkG/8/

任何帮助，不胜感激！

Answer 1

您要做的就是从表单元格绑定和取消绑定事件。

 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/