jquery判断input输⼊框的值,⽤到input事件,blur事件,focus
事件
需求:当输⼊框有字或者正在输⼊时,右边的圆形取消按钮才出现。否则不出现。
//输⼊框正在输⼊时
$("#ipt").on('input',function(){
if(!($('#ipt').val()=='')){
$(".cancle_ico").removeClass('hide');
}else{
$(".cancle_ico").addClass('hide');
}
})
/
/输⼊框得到焦点时
$("#ipt").on('focus',function(){
if(!($('#ipt').val()=='')){
$(".cancle_ico").removeClass('hide');jquery是什么有什么作用
}else{
$(".cancle_ico").addClass('hide');
}
})
//输⼊框失去焦点时
$("#ipt").on('blur',function(){
if(($('#ipt').val()=='')){
$(".cancle_ico").addClass('hide');
}else{
$(".cancle_ico").removeClass('hide');
}
})
以下是效果图。input事件表⽰正在输⼊状态,focus事件表⽰得到焦点状态,blur表⽰失去焦点状态
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论