如何检测元素拖动没有jQuery UI?

时间:2013-06-06 16:37:31

标签: jquery jquery-ui drag-and-drop draggable

我正在尝试为我的项目编写非常压缩和优化的js,我使用jQuery作为我的项目,现在我想检测拖动元素以通过此拖动执行更多操作。

我在这里搜索了很多网站和问题,但每个地方结果=使用jquery UI。

我不能使用jQuery UI,因为我的代码没有优化,对我的项目来说很重要。

现在我真正的问题是,我如何仅使用jQuery UI检测jQuery中的拖动项。

我的试用代码例如:

  

$(function(){

window.isDragging = false;

$('#move').mousedown(function (e){
    window.mX = e.pageX ;
    window.mY = e.pageY ;
    window.isDragging = true;

    $('html').bind('mouseup',function (e){
        window.isDragging = false;
        console.log(window.mX+'->'+e.pageX);
        console.log(window.mY+'->'+e.pageY);
    });

    $('html').bind('mousemove',function (e){
        if (window.isDragging){
            console.log('move ->'+e.pageX+','+e.pageY);
        }
    });
});
     

})

几乎工作得很好,但是鼠标不能一直工作。

1 个答案:

答案 0 :(得分:0)

我发现了问题,当鼠标在iframe js鼠标向上没有工作iI是在所有iframe中添加触发器mouseup我的问题解决了。