文本框有值的话点进去变颜色，点出来保留颜色

Question

用户输入值的话文本框变颜色，点出来也保持颜色，没输入值的话，点进点出都不变任何颜色，怎么判断点进点出与有值无值，谢谢指教

Answer 1

本着样式和脚本尽可能分离的原则下，可以这样做。

//css

.border-keyup {

  border: solid 1px #4cefcd;

}

var box = document.getElementById('_box_id');

box.addEventListener('keyup', function () {

  this.setAttribute('class', 'border-keyup');

});

Answer 2

$('#input').on('keyup',function(){

    if(('#input').val() != null){

        $('#input').css("border","1px solid #3b99fc;")

    }

})

判断一下键盘行为就行了，与点进点出无关