如何使用dataTransfer屬性創建事件？

Question

我正在嘗試編寫一個測試，以檢查我的dragstart事件偵聽器是否在e.dataTransfer上設置了屬性。

我可以手動創建和調度MouseEvent：

var event = new MouseEvent('dragstart');
html[0].dispatchEvent(event);

但是event.dataTransfer為null，因此我得到了null引用異常。

我嘗試過手動設置屬性：

event.dataTransfer = {};

並且我嘗試使用屬性描述符設置屬性：

var event = new MouseEvent('dragstart');
Object.defineProperty(event, "dataTransfer", {
    configurable: true,
    writable: true,
    value : {}
});

但都沒有奏效。

Answer 1

這對我有用。

var dataTransferObj = { setData: function (val) { this.data = val }}
var event = new CustomEvent('dragover');
event.dataTransfer=dataTransferObj
target.dispatchEvent(event);