啟用語音時如何禁用輸入類型號中的文本

Question

啟用語音識別時，如何防止文本出現在數字輸入字段中？
即使我使用@media speech並在 JS 中禁用它，它也不起作用。

HTML

<form action="">
  <label for="quantity">Quantity (between 1 and 5):</label>
  <input type="number" id="quantity" name="quantity" min="1" max="5">
  <input type="submit">
</form>

CSS

@media speech {
[type="number"] {
    speak: digits;
    speak-as: spell-out;
  }
}
[type="number"]{
  width:200px;
  height:40px;
}

Javascript

document.querySelector('#quantity').webkitSpeech = false;

Answer 1

使用document.querySelector('#quantity').disabled = true; 使用語音識別時禁用輸入字段