下面是在JQ中input标签会用到的事件和使用方法:
//输入框正在输入时$("#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');
}else{
$(".cancle_ico").addClass('hide');
}
})
//输入框失去焦点时$("#ipt").on('blur',function(){
if(($('#ipt').val()=='')){
$(".cancle_ico").addClass('hide');
}else{
$(".cancle_ico").removeClass('hide');
}
})
但是我发现在 JQ中使用单独使用input事件的时候 JQ里面会报错或者是事件不会随着input的内容改变而去触发函数,
所以我就另外用了一种兼容性比较强的事件:
$('#ipt').bind('input propertychange', function() {
if(!($('#ipt').val()=='')){
$(".cancle_ico").removeClass('hide');
}else{
$(".cancle_ico").addClass('hide');
}
});
这样子就可以完美解决,input内容发生改变时不会触发函数。