typescript - 鼠标滚轮功能在 svelte 上返回错误

Question

我想知道为什么这段代码

<div class="home" on:mousewheel="{e=>handleScroll(e)}"></div>

返回以下错误

Type '{ class: string; onmousewheel: (e: any) => void; }' is not assignable to type 'HTMLProps'.Property 'onmousewheel' does not exist on type 'HTMLProps'.

这只是出于好奇，因为即使出现错误，它也能完美运行。

附言。我正在使用 TypeScript

Answer 1

鼠标滚轮事件是deprecated according to MDN并且不会在 Firefox 中工作。因为它是非标准的，所以不包含在 JSX typings 中由 Svelte 使用。

最好使用标准wheel event ，它取代了鼠标滚轮。如果真的要用事件，可以enhance the Svelte typings在一个单独的文件中:

// additional-svelte-jsx.d.ts
declare namespace svelte.JSX {
    interface HTMLAttributes<T> {
        onmousewheel?: (event: any) => any;
    }
}