如何使用原版中的一个切换按钮调用 2 个不同的函数 javascript

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

您可以检查操作是否已激活class您可以开始，如果没有则可以停止。

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");
  }
}

如何使用原版中的一个切换按钮调用 2 个不同的函数 javascript

How Can I call 2 different function using one toggle button in vanilla javascript

html

javascript

jquery

toggle

annyang