JavaScript:为什么 onKeyDown 和 onKeyUp 在 onFocus 在此代码中工作时不起作用

Question

function PrepareCounter() {
    var ct = 1;
    while(document.getElementById("id_answer"+ct)) {
        document.getElementById("id_answer"+ct).setAttribute("onFocus", "countChars('textbox','char_count',140)", "onKeyDown", "countChars('textbox','char_count',140)", "onKeyUp", "countChars('textbox','char_count',140)");
        ct += 1;
    }
}

如果我聚焦我的元素 countChars 就会执行，但如果我写了一些东西，它就不会执行。

Answer 1

setAttribute 仅接受 2 个参数，您必须分别调用每个参数。

您可以使用实际函数，而不是使用字符串:

function PrepareCounter() {
    var ct = 1;
    var elem;
    while (elem = document.getElementById("id_answer" + ct)) {
        elem.onfocus = elem.onkeydown = elem.onkeyup = function() {
            countChars('textbox', 'char_count', 140);
        };
        ct += 1;
    }
}