鼠標輸出div時如何禁用javascript？

Question

鼠標輸出div時如何禁用javascript？

這是我的代碼onmousemove改變div id left寬度，但為什么javascript仍然工作，當我onmouseout id container如何禁用javascript當我onmouseout出id container

我試過了

    container.on('mouseout', function (e) {
        isResizing = false;
    });

但不工作，我該怎么做？

https://jsfiddle.net/ksfqgv0p/2/

var isResizing = false;
$(function () {
   var container = $('#container'),
        left = $('#left'),
        handle = $('#handle');

    container.on('mousemove', function (e) {
        isResizing = true;
    });

    container.on('mouseout', function (e) {
        isResizing = false;
    });

    $(document).on('mousemove', function (e) {
        if (!isResizing) 
        return;
        left.css('width', e.clientX - container.offset().left);
        handle.css('margin-left', e.clientX - container.offset().left);
    });
});

Answer 1

var isResizing = false;
$(function () {
   var container = $('#container'),
        left = $('#left'),
        handle = $('#handle');

    left.on('mousemove', function (e) {
        isResizing = true;
    });

    left.on('mouseout', function (e) {
        isResizing = false;
    });

    $(document).on('mousemove', function (e) {
        if (!isResizing) 
        return;
        left.css('width', e.clientX - container.offset().left);
        handle.css('margin-left', e.clientX - container.offset().left);
    });
});

DEMO FIDDLE