Typescript + jQuery：使用事件状态的正确方法？

Question

我有一些简单的 SPA popstate 代码如下：

module myModule {
    $(function () {
        $(window).on("popstate", function(e) {
            if (e.originalEvent.state !== null) {
                // code removed
            }
        });
    });
}

（使用originalEvent是因为这样的回答：popstate returns event.state is undefined）

这给出了一个编译错误：

Property 'state' does not exist on type 'Event'.

e 是 JQueryEventObject 类型，originalEvent 是事件类型。

现在我通过定义这个接口设法解决了这个问题：

interface EventWithState extends Event {
    state: any;
}

（*我怀疑 "any" 真的是我最好的选择 - 如果有人知道应该让我知道什么类型的状态，更重要的是在这种情况下我如何自己找到它）

然后我像这样更改了上面的代码：

module myModule {
    $(function () {
        $(window).on("popstate", function(e) {
            if ((<EventWithState>e.originalEvent).state !== null) {
                // code removed
            }
        });
    });
}

好的，现在可以正常工作并编译成我想要的原始代码。但这似乎是一个尴尬的解决方法。

这是可以接受的方法吗？打字稿定义中是否缺少某些内容？还是我遗漏了什么。

此外，使用 e.state 也不起作用，但是编辑 jquery.d.ts（来自 DefinitelyTyped）并将 state: any; 添加到 BaseJQueryEventObject 以与我的解决方法类似的方式修复它。这就是让我觉得关于事件状态的打字稿定义中缺少某些东西的原因。

Answer 1

感谢 Pilot 分享了另一个问题的答案，虽然一开始看起来无关紧要，但它确实为我提供了线索和链接，让我可以将其转换为 PopStateEvent 而不是我自己的 EventWithState。

module myModule {
    $(function () {
        $(window).on("popstate", function(e) {
            if ((<PopStateEvent>e.originalEvent).state !== null) {
                // code removed
            }
        });
    });
}

https://developer.mozilla.org/en-US/docs/Web/API/Event

https://developer.mozilla.org/en-US/docs/Web/API/PopStateEvent

郑重声明，lib.d.ts 确实使用 "any" 作为状态的类型：

interface PopStateEvent extends Event {
    state: any;
    initPopStateEvent(typeArg: string, canBubbleArg: boolean, cancelableArg: boolean, stateArg: any): void;
}

https://typescript.codeplex.com/SourceControl/latest#bin/lib.d.ts

Typescript + jQuery：使用事件状态的正确方法？

Typescript + jQuery: correct way to use event state?

javascript

jquery

typescript1.4