IE浏览器中的jquery拖放

时间:2016-05-19 11:38:49

标签: jquery internet-explorer drag-and-drop double-click onmouseup

我已经使用

实现拖放
<div class=\"customNote\" id=\"customNote\" draggable=\"true\" ondragstart=\"moveNote($(this));\" ondblclick=\"showNoteText($(this));\" title=\"Öffne Notitz\"></div>

并在函数moveNote中:

$('.document').bind("mouseup.note",function(event) {
//do something
$('.document').unbind("mouseup.note");
}

这可以在chrome和firefox中找到,但IE不会抛出mouseup事件。相反,它正在等待另一个mousedown。

当我使用onmousedown并绑定到mousemove时,它适用于IE。但是我不能再使用我的ondblclick了。我尝试使用setTimeout找到点击次数,但它只响应第一次点击。

ondragstart并绑定到dragstop不起作用。它永远不会掉线(也不是在chrome和firefox中)。

我也试过&#34; a href =#&#34;相反,如果&#34; div&#34;,但它没有帮助。

您有什么想法如何解决这个问题? onmouseup和他仍然认可doubleclick的解决方案 或使用ondragstart进行dragstop / mouseup。

1 个答案:

答案 0 :(得分:0)

FolgendeLösunghatnfunktioniert statt ondragstart und dragend

$('.customNote').draggable( {
                    cursor: 'move',
                    helper: 'original',
                    containment: '.document',
                    stop: handleDragStop,
                    revert: 'false'
                  } );

function handleDragStop( event, ui ) {
//do something
}