javascript - 为什么这个函数没有触发？

Question

我正在使用 bing 翻译 api，我有以下代码

function translateali(){
  document.onreadystatechange = function () {
      if (document.readyState == 'complete') {
          Microsoft.Translator.Widget.Translate('en', 'zh-cn', onProgress, onError, onComplete, onRestoreOriginal, 2000);
      }
  }
  function onProgress(value) {}
  function onError(error) {}
  function onComplete() {}
  function onRestoreOriginal() {}
}
translateali()

我正在尝试将该函数绑定(bind)到一个 onclick 事件，这就是为什么我将它包装在一个函数中但它在单击时不执行任何操作的原因。但是，如果我像下面那样删除函数包装，它将在页面加载时起作用

  document.onreadystatechange = function () {
      if (document.readyState == 'complete') {
          Microsoft.Translator.Widget.Translate('en', 'zh-cn', onProgress, onError, onComplete, onRestoreOriginal, 2000);
      }
  }
  function onProgress(value) {}
  function onError(error) {}
  function onComplete() {}
  function onRestoreOriginal() {}
}

Answer 1

您添加的是监听器，而不是函数。

执行以下操作:

function translateali() {
  if (document.readyState == 'complete') {
      Microsoft.Translator.Widget.Translate('en', 'zh-cn', onProgress, onError, onComplete, onRestoreOriginal, 2000);
  }
}

所以你的按钮看起来像这样:

<button onclick="translateali()">Translate</button>