vue 点击其他地方隐藏dom

【vue 点击其他地方隐藏dom】的更多相关文章

vue 点击其他地方隐藏dom

document.addEventListener('click', function (e) { if (document.getElementsByClassName('keywordContainer')[0]) { if (!document.getElementsByClassName('keywordContainer')[0].contains(e.target)) {//这句话是说如果我们点击到了class为keywordContainer以外的区域 app.isShowItem…

vue2.0点击其他任何地方隐藏dom

methods: { handleBodyClick(){ if (绿色区域出来了,要判断点击其他地方就要关闭,这样可以避免绿色区域已经关闭还在操作) { let _con = $(目标区域) if (!_con.is(e.target) && _con.has(e.target).length === 0) { // 点击目标区域外的时候关闭绿色区域 } } }, }, mounted () { document.addEventListener('click', this.handle…

点击其它地方隐藏div／事件冒泡／sweet－alert阻止冒泡

点击document时把div隐藏,但点击div时阻止点击事件冒泡到document,从而实现“点击文档其它地方隐藏div,点击div本身不隐藏”.js代码如下:$("#div").click(function(e){ e.stopPropagation();});$(document).click(function(){ $("#div").hide();});实现了点击其它地方隐藏div后遇到了另一个问题.我的div内部使用了bootstrap的tab组件,di…

Jquery手机点击其他地方隐藏控件问题

因为不太懂mui的底部导航栏的操作,所以自己写了用很普通的方法实现手机底部导航栏,遇到了很多问题.比如:要实现点击底部菜单栏上某一个菜单,显示子菜单,然后点击手机空白处,隐藏菜单. 实现方法是: //点击其他地方隐藏下拉菜单 document.onclick = function(){ $("#defaultTab_submenu").hide(); $("#wgmenu_submenu").hide(); $("#zcmenu_submenu"…

jquery实现除指定区域外点击任何地方隐藏DIV

<div class="layui-input-block expression-box"> </div> <div class="layui-input-block" style="width: 600px; margin: 0 auto; border-left: 1px solid #4a4f58; border-right: 1px solid #4a4f58;"&…

jquery点击其他地方隐藏div层的实现程序

js代码 $(document).ready(function() { //语言头部的点击事件,显示语言列表 $(".language_selected").click(function(e) { $(".language_list").toggle(); e.stopPropagation(); //阻止事件冒泡,否则事件会冒泡到下面的文档点击事件 }); //点击文档时,隐藏语言列表 $(document).click(function() { $("…

js 冒泡事件点击任意地方隐藏元素

$(function () { $("#but").click(function (e) {// $();//显示速度 /*阻止冒泡事件*/ e = window.event || e; if (e.stopPropagation) { e.stopPropagation(); } else { e.cancelBubble = true; } }); $("#UL").click(function (e) { /*阻止冒泡事件*/ e = window.event…

jq冒泡之——点击其他地方隐藏

e.stopPropagetion(); <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="http://cdn.bootcss.com/jquery/3.1.1/jque…

点击其他地方隐藏div

document.onclick = function(e){ var ele = e?e.target:window.event.srcElement; if(ele.id !== 'valueShow'){ document.getElementById("valueShow").style.display = "none"; val.style.height = '20px'; } };…

vue 点击任意地方防止冒泡

$('.mainL').mouseup(function(e){ let objLeader = $(obj.target); // 设置目标区域 if(!objLeader.is(e.target) && objLeader.has(e.target).length === 0){ // 判断是不是目标区域 $(objLeader).css({'border':'0rem solid #F2CB80'}) } });…