有數據的調度事件

Question

我想分派一個事件，它將一些數據傳遞給監聽該事件的任何事件偵聽器。

考慮到觸發事件的功能：

function click() { 
    const x = 'foo' 
    document.dispatchEvent(new CustomEvent('clicked')) 
} 

click() 

如何傳遞自定義數據的事件監聽器？

document.addEventListener('clicked', function(e) { 
    console.log(x) // logs "foo" 
}) 

Answer 1

也許你正在尋找event.detail

new CustomEvent('eventName', {'detail': data}) 

相反的數據使用X和事件監聽器，你可以使用event.detail

function getSelectionBounds() { 
    var x = (bounds["x"].toFixed(2)); 
    var y = "xyz"; 
    var selectionFired = new CustomEvent("selectionFired", { 
    "detail": {"x":x,"y":y } 
    }); 

    document.dispatchEvent(selectionFired); 
}; 

document.addEventListener("selectionFired", function (e) { 
    alert(e.detail.x+" "+e.detail.y); 
});