【必发88】jquery实现点击任何区域时隐敝下拉div和遮罩层的措施,基于jquery鼠标点击另外地点掩盖层的实例代码

by admin on 2019年7月21日

本文实例陈说了jQuery达成提交开关点击后改成正在管理字样并取缔点击的办法。分享给大家供我们参谋。具体落实况势如下:

正文实例叙述了JQuery调节div外点击隐敝而div内点击不会遮盖的艺术。分享给我们供我们参考。具体如下:

效果图:
必发88 1
上面包车型客车代码运转后,供给再刷新一下。

jquery完成点击任何区域时掩饰下拉div和遮罩层的法门,

正文实例陈说了jquery达成点击任何区域时遮蔽下拉div和遮罩层的不二等秘书诀。分享给大家供我们参谋,具体如下:

【必发88】jquery实现点击任何区域时隐敝下拉div和遮罩层的措施,基于jquery鼠标点击另外地点掩盖层的实例代码。为了越来越好的用户体验,在做下拉获得别的有弹出层的时候,当进行下拉时,要做到点击任何区域也能自动隐敝收起下拉和遮罩层,那样的效果与利益用一段js就足以了。

以下图为例的八个下拉菜单为参照:

必发88 2

效果与利益完毕源码:

$(document).bind('click', function(e) {
  var e = e || window.event; //浏览器兼容性
  var elem = e.target || e.srcElement;
  while (elem) {
    //循环判断至跟节点,防止点击的是div子元素
    if (elem.id && elem.id == 'menu') {
      return;
    }
    elem = elem.parentNode;
  }
  //点击的不是div或其子元素
  $('.menuList,.overlay').hide();
});

瞩望本文所述对我们jQuery程序设计具有扶助。

此处重要通过val方法设置按键的文字,并用attr方法修改disabled属性实现该功能。

举例说有个div其id为body,达成在div外点击遮掩,div内点击不掩盖,选用jQuery完成如下:

test

你恐怕感兴趣的小说:

  • jquery特效 点击展现与潜伏全文
  • jquery完结点击打开列表同一时间遮盖其他列表
  • JQuery调节div外点击掩饰而div内点击不会暗藏的办法
  • JQuery达成点击div以外的职分隐蔽该div窗口
  • 由点击页面另外地点掩盖div所想到的jQuery的delegate
  • Jquery实现点击切换图片并隐藏呈现内容(2种艺术完成)
  • 依据JQuery完成鼠标点击文本框展现隐敝提示文本
  • 【必发88】jquery实现点击任何区域时隐敝下拉div和遮罩层的措施,基于jquery鼠标点击另外地点掩盖层的实例代码。Jquery 点击开关彰显和遮掩层的代码
  • 依赖jquery鼠标点击其余地方隐蔽层的实例代码

必发88,
本文实例叙述了jquery达成点击任何区域时掩盖下拉div和遮罩层的方法。分享给我们供…

重视代码如下:

复制代码 代码如下:

本子之家介绍音讯

<html>
<body>
<form method="get" action="" target="box">
<input id="buttonid" type="submit" value="提交" />
</form>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script>
$("form").submit(function() {
  $("#buttonid").val("正在处理...");
  $("#buttonid").attr("disabled", "disabled");
});
</script>
</body>
</html>

$(“#body”).click(function(e) { 
    $(this).show(); 
        e.stopPropagation(); 
}); 
$(document).click(function(event) { 
 
    $(“#body”).hide(); 
});

[Ctrl+A 全选
注:如需引入外界Js需刷新技术施行]

期待本文所述对大家的jQuery程序设计有着支持。

假诺div内点击隐蔽,可应用jQuery的触发事件

您恐怕感兴趣的篇章:

  • jquery特效
    点击突显与潜伏全文
  • jquery实现点击张开列表相同的时候隐敝其余列表
  • JQuery调整div外点击掩盖而div内点击不会暗藏的主意
  • JQuery达成点击div以外的地方隐敝该div窗口
  • 由点击页面别的地点隐敝div所想到的jQuery的delegate
  • Jquery达成点击切换图片并遮掩突显内容(2种方法实现)
  • 基于JQuery达成鼠标点击文本框展现遮掩指示文本
  • Jquery
    点击按键突显和隐敝层的代码
  • jquery完结点击任何区域时掩饰下拉div和遮罩层的格局

你可能感兴趣的篇章:

  • JQuery调整div外点击遮盖而div内点击不会暗藏的主意
  • JQuery完成点击div以外的职位遮盖该div窗口
  • 由点击页面别的地点遮盖div所想到的jQuery的delegate
  • jQuery中animate动画第壹遍点击事件没影响
  • jQuery插件Zclip完成宏观合作个浏览器点击复制内容到剪贴板
  • jQuery检查评定鼠标左键和右键点击的措施
  • jquery使任何div区域能够点击的不二等秘书诀

复制代码 代码如下:

$(document).trigger(“click”);

但愿本文所述对我们的jQuery程序设计有所帮助。

你大概感兴趣的篇章:

  • jquery特效
    点击展现与潜伏全文
  • jquery实现点击打开列表同期隐蔽别的列表
  • JQuery实现点击div以外的义务遮蔽该div窗口
  • 由点击页面别的地方遮蔽div所想到的jQuery的delegate
  • Jquery实现点击切换图片并隐敝展现内容(2种艺术达成)
  • 依照JQuery实现鼠标点击文本框显示掩盖指示文本
  • Jquery
    点击按钮展现和隐蔽层的代码
  • 凭仗jquery鼠标点击别的地方隐蔽层的实例代码
  • jquery达成点击任何区域时隐敝下拉div和遮罩层的措施

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图