数字输入框 禁止输入 + - e，input number prevent - + e

input number 类型下，+ - e . 都是允许录入的字符。在一些场景下，我们需要限制用户录入这些字符。

vue3 代码示例

<template>
<input type="number" @key.down="handleKey">
<template>
<script setup>
function handleKey($event){
  if (
    $event.code === 'KeyE' ||  // 禁止 e E
    $event.code === 'Minus' ||  // 禁止 - 
    $event.code === 'Equal'  // 禁止 + 
  ) {
    $event.preventDefault()
  }
}
</script>