eventhandler(来自Jon Duckett的JavaScript和JQuery的例子)

时间:2014-10-09 00:29:17

标签: javascript blur addeventlistener

function checkUsername() {
        var elMsg= document.getElementById("feedback");
        if (elUsername.value.length < 5) {
                elMsg.textContent= ' Test' ;
        }
        else {
                elMsg.textContent= 'Test2';

        }
}
var elUsername = document.getElementById('username');
elUsername.blur = checkUsername;

该功能正常,但不是通话。我可以从html中调用它(使用第二行,然后在函数中) 我究竟做错了什么 ? 可能是一些愚蠢的东西,但我整天都在这里。

还尝试了:elUsername.addEventListener('blur', checkUsername, false);

1 个答案:

答案 0 :(得分:0)

JS 之前定义varblur缺少on

&#13;
&#13;
    var elUsername = document.getElementById('username');
    var elMsg= document.getElementById("feedback");
    function checkUsername() {
          if (elUsername.value.length < 5) {
               elMsg.textContent= ' Test' ;
          } else {
               elMsg.textContent= 'Test2';
          }
    }
    elUsername.onblur = checkUsername;
    //elUsername.addEventListener('blur', checkUsername, false);
&#13;
<input id="username" value="123456">
<div id="feedback"></div>
&#13;
&#13;
&#13;