JS弹框点击外部隐藏技巧代码

本文主要和大家分享js弹框点击外部隐藏技巧代码,希望能帮助到大家。

$(document).click(function (e) {    if (!$(e.target).hasClass('alert-container') && $(e.target).parents('.alert-container').length === 0        && !$(e.target).hasClass('btn-eco-bell') && $(e.target).parents('.btn-eco-bell').length === 0) {        that.$el.find('#bellp').hide();}

登录后复制

此事件绑定技巧在于alert-container类为弹窗p,btn-eco-bell为点击按钮,如果点击按钮或者点击弹窗内部,不隐藏弹窗,点击外部都会隐藏弹窗p

相关推荐:

js自定义弹框插件的封装实例介绍

javascript实现无法关闭的弹框示例代码

jQuery点击任何地方隐藏DIV功能

以上就是JS弹框点击外部隐藏技巧代码的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2784602.html

(0)
上一篇 2025年3月8日 17:08:43
下一篇 2025年3月8日 17:08:54

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • js数字转换为float方法分享

    javascript中的变量都是弱类型,所有的变量都声明为var,在类型转换过程中就没有java那么方便,它是通过 parseint(变量)、parsefloat(变量)等方法来进行类型转换的。注意:没有parsedouble(变量)这种类…

    编程技术 2025年3月8日
    000
  • JS和WebService大文件上传代码分享

    在编写前端的过程中,难免会遇到文件上传的问题,当用户要上传较大的文件是,会被服务器端限制,阻止其上传,在asp.net中,调整服务器接受文件的大小的配置方法如下:  在ASP中配置Web.config文件的httpRuntime: 登录后复…

    编程技术 2025年3月8日
    200
  • ES6中class与js prototype原型继承之间的关系

    ES6为了进一步的缩减代码的编写,和简化代码的逻辑,引入了关键词 class。但class的实现也是在prototype的基础上,做了一层语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向…

    编程技术 2025年3月8日
    200
  • angularJS时间格式化过滤器详解

    一.date过滤器的功能是基于要求的格式格式化一个日期成为一个字符串。 格式化字符串的基本参数:本文主要和大家分享angularJS时间格式化过滤器详解,希望能帮助到大家。 ‘yyyy’: 用4位数字表示年(例如:AD 1 => 00…

    编程技术 2025年3月8日
    200
  • clipboard.js基本使用方法分享

    clipboard.js 是一个不需要flash,将文本复制到剪贴板的插件。本文主要和大家介绍clipboard.js基本使用方法,希望能帮助到大家。 1 引入插件 登录后复制 2基本使用 首先需要您需要通过传递DOM选择器,HTML元素或…

    编程技术 2025年3月8日
    200
  • 如何去掉html标签的js

    本文主要和大家分享如何去掉html标签的js方法分享,希望能帮助大家学会如何去除html标签的js。 function delHtmlTag(str){return str.replace(/]+>/g,””);//去掉所有的html…

    编程技术 2025年3月8日
    200
  • AngularJS表达式实例分享

    本文主要和大家分享angularjs表达式实例,希望能帮助到大家。 nbsp;html>AngularJS 表达式 <!– –><!–ng-app="" 是angularJS的“所有者” *…

    编程技术 2025年3月8日
    200
  • 讲述Canvas结合JavaScript实现图片特效

    我们都知道canvas是html5中的,canvas可以做出很多特效等神奇的东西,而javascript当然也可以,但是canvas结合javascript来实现图片特效你玩过嘛,没有的话那么我们一起来看看吧! 首先看一下源图和转换成粒子效…

    2025年3月8日
    200
  • js实现input输入框点击变大缩小

    本文主要和大家分享js实现input输入框点击变大缩小的实例代码,希望能帮助到大家。 一、input输入框点击变大缩小的js代码 html中 input[type='text'] {width: 100px;height…

    编程技术 2025年3月8日
    200
  • js中的正则表达式大全

    这次给大家带来js中的正则表达式大全,在js中使用正则表达式的注意事项有哪些,下面就是实战案例,一起来看一下。 1、什么是正则? 正则也叫做规则,让计算机能够读懂人类的规则(正则都是操作字符串的) 2、什么是正则表达式? 正则表达式是由一个…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论