2014-01-06 33 views
2

觸發dragenter事件後觸發mousemove事件嗎?拖動期間觸發鼠標移動(HTML5)

我想要做的是改變視覺標記,取決於在元素的哪一側(左側或右側)輸入新文本,取決於元素上的鼠標位置。

我已經編寫了我想要的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拖放和我的唯一目的是爲了能夠即使檢測到鼠標移動時的阻力事件回事。

非常感謝。

回答

2

Dragmove事情訣竅.. 不能相信我was several了幾個小時才浪費!