失焦事件blur和点击事件click不能同时执行问题

 

覆盖地址input的当有内容输入，下方出现标准地址列表

$(".js_input").on("input propertychange keypress", function() {

｝

如果点击列表中一个地址，列表隐藏，同事把地址填在input内

$("#addrList").on("click","li",function(){
    
    $("#communityName").val($(this).attr("value"));
    $(".js_item_drop").hide();
    
});

同时为input设置失焦事件，也可以隐藏地址列表

$(".js_input").blur(function() {
    $(".js_item_drop").hide();
}) 

但是当点击列表中一个地址，只会触发失焦事件，不会触发click事件。

解决方案：把失焦事件加上时间

$(".js_input").blur(function() {
    setTimeout(function(){
        $(".js_item_drop").hide();
    }, 30);
});

那么失焦事件和click事件就会一前一后都执行