jQuery在拖动时触发mouseup

时间:2014-09-05 11:05:05

标签: javascript jquery eventtrigger

我想通过jQuery触发器mouseup取消拖动

HTML:

<div ondragstart="drag(event)" draggable="true"></div>

JS:

$(document).ready(function(){

    $(document).on("mouseup","body",function(){
        exit_dragging();
    });

    $(document).mouseup(function(){
        alert('mouseup');
    });

});

function drag(event){ 
    event.preventDefault();
    $(document).trigger("mouseup"); //alert('mouseup') runs
    //.....      
}

当鼠标正在发布exit_dragging()次运行但我希望在triggering时运行它。

抱歉我的英文不好

2 个答案:

答案 0 :(得分:3)

快速谷歌给了我以下

HTML:

<div id='div' draggable="true">
</div>

脚本:

$("#div").click(function(){
 alert('clicked'); 
});

$("#div").hover(function(){
 $("#div").trigger( "click" );
});

这会点击悬停,同样可能有办法在拖动时运行mouseup。

Fiddle

编辑我:

尝试此操作

$("#div").mouseup(function(){
 alert('mouseup'); 
});


$('#div').bind('drag',function( event ){
 $("#div").trigger( "mouseup" );
}); 

答案 1 :(得分:0)

function drag(event){ 
    event.preventDefault();
    $(document).mouseup();
}

看看是否有效。