jq自定义下拉菜单,在点击非当前下拉菜单区域时,关闭下拉菜单(点击事件的对象不是目标元素本身)

jq自定义下拉菜单,在点击非当前下拉菜单区域时,关闭下拉菜单(点击事件的对象不是目标元素本身)

//点击非当前下拉菜单区域时,关闭下拉菜单
$(document).mousedown(function(e){
var _con = $('.xialacaidan');
//1. 点击事件的对象不是目标元素本身
//2. 事件对象同时也不是目标元素的子元素
if(!_con.is(e.target) && _con.has(e.target).length===0){
$('.xialacaidan_list').css('display','none');
}
});

自定义的下拉菜单,当点击其他区域时需要关闭,此方法非常适用。

上一篇:基础笔记5(file)


下一篇:VueJS教程