javascript - 如何在鼠标移出 div 时禁用 javascript？

Question

如何在鼠标移出 div 时禁用 javascript？

这是我的代码 onmousemove 改变 div id left 宽度，但为什么 javascript 仍然有效，当我 onmouseout id container 当我 onmouseout 出 id container

时如何禁用 javascript

我试过了

    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