Input中type=number怎么禁止输入e

118 阅读1分钟

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

<template>
<input type="number" @keydown="handleKey">
<template>

<script setup>
function handleKey($event){
  if (
    $event.code === 'KeyE' ||  // 禁止 e E
    $event.code === 'Minus' ||  // 禁止 - 
    $event.code === 'Equal'  // 禁止 + 
  ) {
    $event.preventDefault()
  }
}
</script>