15、TypeScript运行时与浏览器环境全解析

TypeScript运行时与浏览器环境全解析

1. 事件处理机制

在JavaScript和TypeScript中，事件处理是一项重要的功能。正确添加事件监听器的方法是使用 addEventListener ，不过在Internet Explorer 9之前的版本，需要使用 attachEvent 方法。为了实现跨浏览器的事件绑定，可以使用自定义的 addEventCrossBrowser 函数，示例代码如下：

function addEventCrossBrowser(element, eventName, listener) {
    if (element.addEventListener) {
        element.addEventListener(eventName, listener, false);
    } else if (element.attachEvent) {
        element.attachEvent('on' + eventName, listener);
    }
}
class ClickLogger {
    constructor() {
        addEventCrossBrowser(document, 'click', this.eventListener);
    }
    eventListener(e: Event) {
        const phase = e.eventPhase;
        const tag = (<HTMLEl