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

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

这是我的代码

onmousemove

来更改div id

left

宽度，但是当我

onmouseout

id

container

如何在我

onmouseout

out id

container

时禁用javascript

我试过了

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

但不是工作，我怎么能做到

---

这种实现的一个问题是，如果您移动鼠标太快，它将超过条的移动速度，并将“鼠标移出”。但是当你想要一个悬停JS事件时，你应该预料到这一点。检查我的答案。如果这不是你的意思，那么添加评论。

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);
    });
});

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);
    });
});