今天遇到一个需求,大致如下:
点击【填写发票抬头】显示提示框,点击其他位置则隐藏提示框,要求不能使用失去焦点事件【 blur ()】。
why? blur()那么好用的方法为什么不让用?原因是部分手机输入法点击隐藏输入法会触发失焦事件,不会保证提示框一直被唤醒,无奈网上找度娘,找到一个比较好的解决方法。
代码如下:
//点击其他区域,隐藏搜索列表
$(document).bind("click", function (e) {
if ($(e.target).closest("#InvoiceRise").length == 0) {
//点击id为InvoiceRise之外的元素,则触发
$(".search-box").hide()
}
})