在数字输入字段中，Backspace不起作用-- KaiOS \ Svelte3

Question

我在使用KaiOS为Svelte3开发应用程序时遇到了这个奇怪的问题。当输入字段被设置为类型为number时，backspace无法工作。完全没有。

<input
 bind:this={ref}
 bind:value
 type="number" />

当它被设置为“文本”时，它工作得非常好。退格移除按下的字符。在本例中，Backspace是KaiOS设备上的"Call End“按钮。我不知道这是KaiOS问题还是Svelte3问题。

我不太擅长WebDev技术，所以我不知道还能尝试什么。一些可能指向某些东西的额外信息。

我有一个全球听众

 window.addEventListener("keydown", onKeyDown, true);

它附加在我的KeyListener中，我用它通过可选择的元素来控制我的应用程序导航。当输入字段有焦点时，当按下backspace时，也不会触发。我试过的东西。

nothing.

• Assign

• 将函数分配给onkeydown、onkeyup、onkeyup按下(没有一个触发回退空间调用)

• 删除了我前面提到的事件侦听器，以非瘦的方式将函数更改为纯JS内联函数。

在KaiOS上，只需要按下键触发，以防万一，这可能会给任何一个web JS专家一个提示。我不知道还能做什么。如有任何建议，将不胜感激。

Answer 1

我们不知道为什么要这样做，但是将输入类型设置为"tel“会使backspace键激发和输入字段保持正常，同时仍然只允许数字。

Answer 2

要处理窗口上的事件，可以使用<svelte:window>。例如：

<svelte:window on:keypress={handleKeypress}/>

但是，如果您想要做的只是监视输入上的按键，您可以在<input>上直接使用<input on:keypress={...}/>。

下面是一个在输入上处理按键的示例：https://svelte.dev/repl/bfd93b0799c142979eefa1f2558bfb96?version=3.20.1