js 点击弹窗以外 关闭弹窗

                $(‘#dialog_box‘).on(‘click‘, function() {
        		$(this).hide();
        	});
        	$(‘#message_box‘).on(‘click‘, function(e) {
        		e.stopPropagation();
        	});
        	

原理是:阻止弹框的点击事件冒泡,遮罩层点击关闭。

时间: 2024-07-29 09:12:00

js 点击弹窗以外 关闭弹窗的相关文章

JS 在火狐浏览器下关闭弹窗

1.首先,要确定火狐设置是否允许通过JS代码window.close()方法关闭标签. 确定方式如下:      在Firefox地址栏里输入 about:config    在配置列表中找到dom.allow_scripts_to_close_windows    点右键的选切换把上面的false修改为true即可. 注:默认是false,是为了防止脚本乱关窗口 2.调用JS方法 window.close()方法 即可关闭窗口. 另外,有一点需要注意: 如果是从别的窗口通过链接,或打开新窗口打

点击遮罩关闭弹窗效果

1 function videoPlay(obj){ 2 $(obj).hover(function () { 3 $(".detail",this).stop().fadeToggle(); 4 $(".detail",this).click(function(){ 5 var src = $(this).attr("data-url"); 6 $("#video").attr("src",src); 7

页面设置弹窗,点击其他区域,弹窗关闭

页面设置弹窗,点击其他区域,弹窗关闭(案列) <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>test</title> <script src="plugins/jquery-2.0.0.min.js"></script> <script> $(function(){ $('#btn')

jquery 点击弹窗之外的地方,关闭?弹窗

jquery 点击弹窗之外的地方,关闭弹窗 方法一: $(document).click(function(event){ var _con = $(".select3_box"); if(!_con.is(event.target) && (_con.has(event.target).length ===0)){ _con.remove(); $(mythis).show(); } }); 方法二: $(document).click(function(event)

关于windows 下每次打开IE 8都弹出欢迎使用Internet Explorer 8 弹窗的关闭方法

今天笔者在安装完windows 操作系统后,发现了一个问题,即每次打开IE 8浏览器,都会弹出一个欢迎界面: 弹窗标题为:设置windows Internet Explorer,具体内容如下图所示: 经过研究发现,最终还是找到关闭弹窗信息的方法,具体步骤如下: 1.运行:gpedit.msc进入组策略管理 2.找到,计算机配置--管理模板--Windows 组件--Internet Explorer,下的[阻止执行首次运行自定义设置] 3.右键编辑,将此项配置成 已启动,选择所需的选项处设置为:

在easyui dialog的子页面内如何关闭弹窗

因项目需要在dialog中添加滚动条,所以就在div中加了iframe: 1 <div id="applyRefundDialog" style="display:none;overflow:hidden"> 2 <iframe id="applyframe" style="width: 100%; height: 100%;" scrolling="auto" frameborder=&

点击div外面隐藏弹窗

//点击div外面隐藏弹窗function click_out_div(){ $(document).bind("click",function(e){ var target = $(e.target); if(target.closest("#select_div").length == 0){//点击div之外的地方触发   $("#select_div").hide(); } });}

Bootstrap如何关闭弹窗

1.layer.closeAll()无法关闭弹窗的解决办法 使可以使用:parent.layer.closeAll() 2.layer.close()或者layer.closeAll()失效的情况下强制关闭layer弹窗的方法 var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); 原文地址:https://www.cnblogs.com/SmallStrange/p/10242478.htm

element 关闭弹窗时清空表单信息

关闭弹窗时清空表单信息: // 弹框关闭时清空信息 closeDialog () { this.$nextTick(() => { this.$refs['createModelForm'].clearValidate() }) } 原文地址:https://www.cnblogs.com/mmzuo-798/p/10323969.html