google-chrome - Webkit 忽略 onwebkitspeechchange 回调

Question

使用 Google Chrome 版本 11 和 jquery 中可用的语音识别

<input type="text"  id="txtAns" x-webkit-speech="x-webkit-speech"  onwebkitspeechchange="onChange()"  /> 

我将 onChange() 函数放在我在网页头部引用的 js jquery 文件中

语音识别成功后，应该调用 onChange 函数，但不是。如果我在页面上创建一个名为 onChange() 的 javascript 函数，则会调用它。没有调用 jquery 版本的任何原因？

Answer 1

我认为您将脚本放在 dom 的头部。尝试将脚本放在底部，如果您想将其包含在头部，也可以尝试添加准备好的文档。

<input id="queryField" type="text" x-webkit-speech>

Javascript

---

<script>
var field = document.querySelector('#queryField');
field.onwebkitspeechchange = function(e) {
  console.log("You have spoken");
};
</script>

jQuery

---

<script>
  $('#queryField').bind('webkitspeechchange', function() {
    console.log("You have spoken");
  });
</script>