javascript - 输入 5 个字符时执行的按键事件

Question

我有一个函数，当用户在输入字段中输入 5 个字符时会触发该函数。

但是，每当我在 5 个字符完成后放置其他字符时，它都会继续触发该事件。

如何防止这种情况发生？

$(function(){
    var $zipEntry = $('#zipEntry').bind('keyup',function(event) { //bind to key up, doesn't require 
    //make sure that there are 5 numbers... or length = 5 since numeric only input
    var $this = $(this); // cache $(this)
    
        if ($this.val().length == 5){ // use cached 
            console.log("There are 5 characters!!");
            $this.trigger('zipEntered'); 
        }
    });

Answer 1

监听完事件后尝试解除绑定(bind)。

if ($this.val().length == 5){
    console.log("There are 5 characters!!");
    $this.trigger('zipEntered');
    $('#zipEntry').unbind('keyup');
}