拖动过程中触发鼠标移动事件(HTML5)

3
有没有一种方法可以在触发dragenter事件后触发mousemove事件?
我试图根据鼠标在元素上的位置更改视觉标记,以确定应该在元素的哪一侧(左侧或右侧)输入新文本。
我已经编写了代码以实现所需的行为,并且在mousemove事件中需要以某种方式触发它,也需要在拖动事件中触发它。
这是我的mousemove事件,根据元素内的鼠标位置在悬停元素之前或之后添加标记。
on('mousemove', function(e) {
    e.stopPropagation();
    var rect = $(this).get(0).getBoundingClientRect();
    var mousePosPercent_X = ((event.clientX-rect.left)/(rect.right-rect.left))*100;
    var mousePosPercent_Y = ((event.clientY-rect.top) /(rect.bottom-rect.top))*100;
    if(mousePosPercent_X < 50)
    {
        if($(this).prev().is('.insertpos'))
        {
        }
        else
        {
            $(".droptest").find(".insertpos").remove();
            $(this).before("<li class='insertpos leftpos'></li>");
        }
    }
    else
    {
        if($(this).next().is('.insertpos'))
        {

        }
        else
        {
             $(".droptest").find(".insertpos").remove();
             $(this).after("<li class='insertpos leftpos'></li>");
        }
    }
});

这里有一个相关的代码示例 http://jsfiddle.net/5K84p/1/

我必须使用原生HTML5拖放功能,并且唯一目的是能够在进行拖放事件时检测mousemove事件。

非常感谢。

1个回答

2

Dragmove事件解决了问题.. 难以相信在偶然发现之前我浪费了几个小时!


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接