jquery实时监听用户输入状态

需求:用户输入文本之后，才可以点击按钮

html

 <input type="text" name="" placeholder="输入账号" id="user" >
 <button class="disabled" id="add">登录</button>

css

    .disabled {
    pointer-events: none;//禁用点击事件
    cursor: default;
    opacity: 0.6;
    }

js

    //监听input里的值
    $('#user').on('input propertychange',function(){
        if(this.value.length != 0){
            $('#add').removeClass('disabled');
        }else{
            $('#add').addClass('disabled');
        }

    });