Javascript Internet Explorer 9中不再触发事件ondragstart

我已经在div上实现了。它适用于所有浏览器，包括IE8。但自从IE9发布以来，它就不再有效了。ondragstart事件未被触发。以下是我的代码，使用jQuery：

$('#mydiv')
   .bind('selectstart', function(e) {
        // Prevent text selection
        return false;
    })
    .bind('dragstart', function(e) {
        console.log('dragstart');
    })
    .bind('drag', function(e) {
        console.log('drag');
    })
    .bind('dragend', function(e) {
        console.log('dragend');
    });

还有HTML

<div draggable="true">DnD this thing!</div>

DnD这东西！

我打赌这在IE8中不起作用，因为IE8或IE9都不完全支持HTML5拖放，这只是在中添加的。HTML5API基于IE5中的拖放实现，但存在一些差异。最恰当的是，IE9和之前的版本不支持元素上的

draggable

属性-IE9中唯一可以拖动的东西是默认情况下可以拖动的东西：文本选择、链接和图像

因此，要使其在IE9（或IE8）中工作，您需要在HTML中添加一个链接（该链接必须具有

href

）：

---

.

那是打字错误吗？但是您的div没有

id=“mydiv”

这里有一个解决方案，可以启用链接、图像和文本选择以外的DnD元素：

<div id="mydiv"><a draggable="true" href="#">DnD this thing!</a></div>

$('#mydiv')
   .bind('selectstart', function(e) {
        // Prevent text selection
        return false;
    })
    .bind('dragstart', function(e) {
        e.originalEvent.dataTransfer.setData("Text", $(e.target).closest('div').attr('id'));
        console.log('dragstart');
    })
    .bind('drag', function(e) {
        console.log('drag');
    })
    .bind('dragend', function(e) {
        console.log('dragend');
    })
    .bind('click', function(e) {
        return false;
    });