javascript - 如何使用香草 javascript 中的一个切换按钮调用 2 个不同的函数

Question

我正在使用 annyang.js 进行语音识别，它有 2 个不同的功能，用于启动annyang.start()和停止annyang.abort() 现在我如何制作一个切换按钮来触发这两个功能？

我的代码

<div class="action" onclick="actionToogle()">

JS

<script>
    function actionToogle() {
      var action = document.querySelector(".action");
      action.classList.toggle("active",annyang.start());
    }
  </script>

目前它刚刚开始识别 annyang.start()，但我希望每当我点击按钮时识别就会停止annyang.abort()

Answer 1

你可以检查动作是否有你可以开始的活动课程，或者如果没有你可以停止。

function actionToogle() {
  var action = document.querySelector(".action");
  action.classList.toggle("active");
  
  if (action.classList.contains("active")) {
    // annyang.start();
    console.log("Started");
  } else {
    // annyang.abort();
    console.log("Stopped");
  }
}