javascript - IE 9+ JQuery 拖放 div 不起作用

Question

function OnDragStartElement(e) {
    //this.style.opacity = '0.4';           
    srcElementParent = this;
    e.dataTransfer.effectAllowed = 'move';
    var elementCount = formElements.length > 0 ? Math.max.apply(Math, formElements.map(function (o) { return o.ID; })) : 0;     

    var elementText = $(this).children()[0].innerHTML;      
    var elementType = $($(this).children()[1])[0].value;
    var elementID = (elementCount + 1);
    var draggedElement = elementText + ': ' + elementText + elementID
    //debugger;
    e.dataTransfer.setData("dragedElement", draggedElement);
    e.dataTransfer.setData('draggedElementType', elementType);
    e.dataTransfer.setData('draggedElementID', elementID);
    isElementNotPlaced = true;
    isdragDivElement = false;
}

抛出错误:

Unexpected call to method or property access.

我看到的错误在线:

e.dataTransfer.setData("dragedElement", draggedElement);

相同的代码在 Chrome 和 Firefox 上运行良好。

有没有人能解决这个问题？

Answer 1

请参阅此链接。

Drag & Drop HTML 5 jQuery: e.dataTransfer.setData() with JSON

无需为每个设置数据

e.dataTransfer.setData("dragedElement", draggedElement);
e.dataTransfer.setData('draggedElementType', elementType);
e.dataTransfer.setData('draggedElementID', elementID);

我们可以将单个 json 对象作为文本传递，而不是这样。