Question

我想更改单击一次按钮后要调用的javascript函数，但它仍然是被调用的旧函数。

首次点击时调用的函数：longueur（）

第二次调用的函数：tester（）

html代码：

<input id="entree" type="text" name="longueur" value="" /> 

<input id="bouton" type="submit" value="longueur du mot" onclick="longueur()" />

javascript：

function longueur() {
    let entree = document.getElementById("entree") ;
    let bouton = document.getElementById("bouton") ;
    ... 
    ...
    ...
    entree.name = "lettre" ;
    bouton.value = "Nouvelle lettre" ;


    bouton.onclick = "tester()" ;   

}

为什么第二次点击仍然是longueur（）？

Answer 1

.onclick属性期望接收一个function，而不是您使用字符串 "tester()"进行设置。检查显示正确用法的下一个示例：

function longueur()
{
    console.log("longueur called!")
    let bouton = document.getElementById("bouton") ;
    bouton.value = "Nouvelle lettre" ;
    bouton.onclick = tester;
}

function tester()
{
    console.log("tester called!");
}

.as-console {background-color:black !important; color:lime;}

<input id="entree" type="text" name="longueur" value=""/> 
<input id="bouton" type="submit" value="longueur du mot" onclick="longueur()"/>

在特定情况下，您需要将参数传递给tester()方法，可以像使用anonymous function expression的下一个示例一样继续进行操作：

let arg1 = <some_value>;
let arg2 = <some_value>;
...
bouton.onclick = function() { tester(arg1, arg2); };

为什么我的javascript函数没有被新的替换？

1 个答案: