许多 Microsoft Graph 工具包组件发出自定义事件。 将事件处理程序附加到这些事件允许你响应它们并控制应用的行为。
发现组件发出哪些事件
每个 Microsoft Graph 工具包组件发出特定于其功能的不同事件。 若要查看特定组件发出的事件列表，请参阅该组件的文档 的“事件 ”部分。
重要
某些事件（如 itemClick 文件列表组件）仅在使用默认模板时发出。 如果使用自定义模板，将覆盖负责发出事件的默认呈现。
向事件添加事件处理程序
Microsoft Graph 工具包使用标准 EventTarget.dispatchEvent() 函数在其组件中发出自定义事件。 若要将事件处理程序附加到工具包组件发出的自定义事件，请使用标准 EventTarget.addEventListener() 函数。
例如，若要处理 itemClick 文件列表组件发出的事件，请将以下内容添加到代码中。
document.querySelector('mgt-file-list').addEventListener('itemClick', e => {
// your event handler code goes here
});
访问事件公开的其他信息
Microsoft Graph 工具包发出的某些事件包含与该事件相关的其他信息。 例如， itemClick 由文件列表组件发出的 事件包含有关在文件列表中单击的文件的信息。 若要查看特定事件是否包含其他信息，请参阅相应组件的文档 事件 部分。
可以通过传递到事件处理程序中的 event 对象的 属性访问事件details公开的其他信息，如以下示例所示。
document.querySelector('mgt-file-list').addEventListener('itemClick', e => {
const clickedFile = e.details;
});