例如,假设我有一个文本框和一个名为advice
的隐藏div$("#suggestinput").on({
keyup: function(){
$("#suggestions").addClass("active");
},
blur: function () {
$("#suggestions").removeClass('active');
}
//another event to know if input is empty while on focus, then removeClass('active');
});
第一个事件是当用户输入输入节目建议时,第二个事件是模糊的,所以当用户解开输入时建议el将隐藏,我希望第三个事件在焦点上进行检查如果输入是空的删除活动类。
工作示例在此感谢:http://jsfiddle.net/HSBWt/
答案 0 :(得分:3)
试试这个 - http://jsfiddle.net/HSBWt/1/
$("#suggestinput").on({
keydown: function(){
$("#suggestions").addClass("active");
},
blur: function () {
$("#suggestions").removeClass('active');
},
keyup: function () {
if ( $(this).val() == "" ) {
$("#suggestions").removeClass('active');
}
}
});