javascript - 表单内未捕获的 TypeError : object is not a function, 按钮

Question

我的 jsp 页面中有以下代码片段:

<form name="programarRutasForm" method="post" action="/SGT_Galp_web/programarRutas.do">   
     <table>
        <tr>
          <td>
            <input type="button" name="insereVuelta" value="Insere Vuelta" onclick="insereVuelta()" id="insereVuelta">
          </td>
          <td>
            <input type="submit" name="criaRuta" value="Cria Ruta" id="criaRuta">
          </td>
        </tr>
     </table>
     ...

当我单击按钮 insereVuelta 时，它会抛出异常并显示以下消息:

未捕获类型错误:对象不是函数

但是如果我将按钮放在表单之外，它就可以正常工作。这是怎么发生的？我确实需要将按钮放在表单内的提交按钮附近。

Answer 1

我认为问题源于与按钮本身同名的函数。我遇到了同样的问题，更改按钮的名称修复了它。看起来更改按钮的名称也为您解决了这个问题。

猜想:

我猜测当名称相同时，解释器会尝试调用按钮本身，而不是函数。因为该按钮不是函数，所以它会引发错误。

不过，我无法解释为什么它在表单之外对您有用。也许当按钮位于表单之外时，解释器不会以相同的方式自动将其连接为可访问对象，或者可能必须通过“父级”来访问它。