Chrome声称简单功能未定义

时间:2017-01-12 22:11:17

标签: javascript html google-chrome

我在空闲时间制作了一个莫尔斯代码转换程序,并且第一次在Chrome中试用了它。调用translate()函数后,Chrome会在我脸上抛出Uncaught TypeError: translate is not a function at HTMLInputElement.onclick (morse:28)。其他功能按预期工作,可以从控制台调用translate()而不会出现问题。此外,它在Firefox中完美运行。

相关(我认为)HTML:

<div id="mainspan">

    <form id="morseForm">
        <textarea id="morseInput" rows="8" cols="50"></textarea><br><br>

        <input type="radio" name="trans" id="mtt" value="morseToText"><label for="mtt">Morse &rarr; text</label><br>
        <input type="radio" name="trans" id="ttm" value="testToMorse"><label for="ttm">Text &rarr; morse</label><br>
        <input type="button" onclick="translate()" value="Translate"><br><br>

        <textarea id="morseOutput" rows="8" cols="50"></textarea><br>
    </form>

</div>

和JS:

function translate() {
    if (document.getElementById("mtt").checked == true) {morseToText()};
    if (document.getElementById("ttm").checked == true) {textToMorse()};
}

1 个答案:

答案 0 :(得分:2)

这可能是Chrome的“不受欢迎的功能”,translate似乎有一些“特殊含义”事件,尽管它通常是未定义的

<script>
  function translate () {
    alert('or nah');
  }
</script>
<button onclick="translate()">
  translate!
</button>

但不起作用

<script>
  function translate () {
    alert('or nah');
  }
  window.onload = function() {
    document.querySelector('button').addEventListener('click', translate);
  }
</script>
<button>
  translate!
</button>

工作 - 基本相同,但显然不是

最简单的解决方案

  1. 使用addEventListener方法将click事件添加到按钮或
  2. 请勿使用名称translate