Javascript Mouseup可取消Mousedown下的所有事件

我正在尝试使用

Jquery

实现

div

调整代码大小。看

现在它是按照鼠标的移动来移动的。代码如下：

$('#top-left').mousedown(function(){
    event.stopPropagation();
    $(document).mousemove(function(event){
        var current_width=$(".active").width();
        var current_height=$(".active").height();
        var position = $(".active").position();

        var new_width=current_width+(position.left-event.pageX);

        temp=$("#mouse").html();
        $("#mouse").html(temp+"<br />new_width= "+new_width);

        $(".active").css({top:event.pageY+"px"});
        //$(".active").css({width:new_width+"px"}); 
    });
});
$('#top-left').mouseup(function(){
    event.stopPropagation();
});

$（'#左上角'）.mousedown（函数（）{
event.stopPropagation（）；
$（文档）.mousemove（函数（事件）{
var current_width=$（“.active”）.width（）；
var current_height=$（“.active”）.height（）；
变量位置=$（“.active”）.position（）；
var new_width=当前_width+（position.left event.pageX）；
temp=$（“#鼠标”）.html（）；
$（“#鼠标”）.html（temp+”
new_width=“+new_width）；
$（“.active”）.css（{top:event.pageY+“px”}）；
//$（“.active”）.css（{width:new_width+“px”}）；
});
});
$（'#左上角'）.mouseup（函数（）{
event.stopPropagation（）；
});

我想在调用

mouseup

时，删除当前

div.active

注册的事件。如果我不清楚，请告诉我

---

检查。

如果希望

div.active

不绑定任何事件，只需执行以下操作： $（'div.active'）.unbind（）

供参考：

此外，由于您正在处理添加到DOM中的元素，因此在处理动态元素时，使用.click（）将不起作用

但是，由于元素是动态的，因此需要使用on（）方法的“委托”功能：

---

简而言之，Deligation通过侦听从子元素到其非动态父元素的冒泡事件来工作。因此，由于动态子元素的事件将冒泡，父元素将始终收到来自其子元素的单击。

新的事件侦听器不会使用此创建。-我更新了小提琴。现在更近了。我想你可以从这里得到它。如果你还有任何问题，请告诉我，你可以即时给我mbulldogbootshand我不是说你在创造新的听众。我是说，当删除（）和prepend（）元素时，它们不会添加原始事件侦听器。除非您使用on（）方法和事件委托，正如我在回答中提到的，并将其放入JSFIDLE中。希望这有意义。当我单击另一个

div

时，它再次与同一事件关联。未删除上一个

#左上
的
鼠标。
$( "parentElement" ).on( "click", "clickedElement", function() {
    alert( $( this ).text() );
    console.log(this); // will reference "clickedClicked", not "parentElement"
});