拖动图像时在底层对象上jquery鼠标事件

一个选项是跟踪鼠标在文档中的移动,并检查光标是否在页面中与您相关的任何元素的边界内。您将无法获取单个元素的鼠标事件,但您可以手动跟踪鼠标经过的最后一个元素,并确定如果使用释放鼠标按钮(在文档上鼠标向上),将如何处理它。

粗略地喜欢

var last_element = null;

function document_mousemove (e) {

    last_element = null;

    for each el in array_of_important_elements {

        if ( mouse position in el bounds ) {
            last_element = el;
        }
    }
}

function document_mouseup (e) {
    if (last_element != null) {
        // do your drop logic here
    }
}

这假设您不会有同时考虑删除的重叠元素。如果是这样的话,你会想追踪它们,并决定如何继续下降。

你能不能把缩略图的偏移量放在鼠标上,而不是放在鼠标下面?这样就不会掩盖你的鼠标事件。或者您可以获取该元素,并在它进入另一个元素边界时进行检查?