jq点击其他地方隐藏别的div

这个也是参照了某乎大牛的写法,作为笔记记录下来

这里不用click事件 用mousedown事件但是要阻止默认事件

$('.userlistbtn').on('mousedown',function(event){

     event.stopPropagation();

     event.preventDefault();

if($('.userlist').is('hidden')){

    $('.userlist').hide();

}else{

    $('.userlist').show();

}

$(document).on('mousedown',function(e){

     $('.userlist').hide();

});

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • DOM2 级事件包括: 事件捕获,处于目标,事件冒泡 绑定事件方法: HTML上直接绑定 DOM0级事件处理程序 ...
    kopsht阅读 407评论 0 0
  • 事件流: 事件流:页面接收事件的顺序。 IE定义的:事件冒泡流(由最具体的元素依次传播到DOM树的最上层的Docu...
    xiaoguo16阅读 609评论 0 0
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,364评论 0 8
  • 一. if语句和if esle语句 if语句 if esle语句 使用格式 if elif else语句 使用格式...
    flowerflower阅读 354评论 0 0
  • 七巧一手叉腰,一手撑在门框上骂得唾沫星子乱溅的怨妇形象恐怕是大多数读者读完张爱玲小说《金锁记》后最清晰的...
    蔓草漾阅读 355评论 0 0