Javascript-форум - Показать сообщение отдельно - jQuery функция, не пойму почему так работает

рони · #5 (**permalink**) 15.11.2014, 18:17

vanoha,
вариант с off

<!DOCTYPE HTML>

<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <style type="text/css">
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script>
        jQuery(function() {
            var flag = function(e) {
                X = e.pageX - jQuery(this).offset().left;
                Y = e.pageY - jQuery(this).offset().top;
                jQuery("#kor").html("x=" + X + "y=" + Y);
            },
            blo = jQuery("#blo");
            blo.mousedown(function(e) {
                blo.on({
                    'mousemove': flag
                })

            }).mouseup(function(e) {
                jQuery("#kor").html("");
                blo.off({
                    'mousemove': flag
                })
            });

        });
    </script>
</head>

<body>
    <div id="blo" style="width:500px; height:500px; background-color:#093;"></div>
    <div id="kor"></div>
</body>

</html>