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

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;")    }})判断一下键盘行为就行了，与点进点出无关