JS如何实现点击页面其他地方隐藏菜单？

方法一: $("#a").on("click", function(e){ $("#menu").show(); $(document).one("click", function(){ $("#menu").hide(); }); e.stopPropagation(); }); $("#menu").on("click", function(e)…

点击页面其它地方隐藏id为messageList的div 代码: $('body').delegate("#message", 'click', function(e) { var e=window.event||e; //消除浏览器差异 if (!$(e.target).closest(".messageList").length) { $(".messageList").addClass("messageListShow"…

jquery实现点击页面其他地方隐藏指定元素

代码实例如下: <!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>点击页面其他地方隐藏div-蚂蚁部落</title><style type="text/css"&…

点击页面其它地方隐藏div所想到的jQuery的delegate

在网页开发的过程中经常遇到的一个需求就是点击一div内部做某些操作,而点击页面其它地方隐藏该div.比如很多导航菜单,当菜单展开的时候,就会要求点击页面其它非菜单地方,隐藏该菜单. 先从最简单的开始,假如页面有一个id为test的div,我们要实现点击页面其它地方隐藏该div: <div id="test" style="margin:100px;background-color:#3e3;width:100px;height:100px;"> <…

由点击页面其它地方隐藏div所想到的jQuery的delegate

对于这个问题一般有两种思路,这两种思路都会利用事件冒泡这一原理,想要详细了解Javascript事件机制可以看看JavaScript与HTML交互——事件,这不是本文重点,所以这里只是简单介绍一下事件冒泡, 事件冒泡 IE的事件冒泡:事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的元素 Netscape的事件捕获:不太具体的节点更早接收事件,而最具体的元素最后接收事件,和事件冒泡相反 DOM事件流:DOM2级事件规定事件流包括三个阶段,事件捕获阶段,处于目标阶段,事件冒泡阶段,首先发…

android 实现点击listview 空白地方隐藏菜单

思路:重写ListView的setOnTouchListener事件: ListView.setOnTouchListener(new OnTouchListener(){ @Override public boolean onTouch(View arg0, MotionEvent arg1) { // TODO Auto-generated method stub hideMenu();//隐藏菜单 return false; } }); 延申: 点击窗体空白地方隐藏菜单或软键盘思路一样:…

点击页面其它地方隐藏该div的两种思路

思路一第一种思路分两步第一步:对document的click事件绑定事件处理程序,使其隐藏该div 第二步:对div的click事件绑定事件处理程序,阻止事件冒泡,防止其冒泡到document,而调用document的onclick方法隐藏了该div. 复制代码代码如下: <script type="text/javascript"> function stopPropagation(e) { if (e.stopPropagation) e.stopPropagat…

点击页面其它地方隐藏该div的方法

思路一第一种思路分两步第一步:对document的click事件绑定事件处理程序,使其隐藏该div 第二步:对div的click事件绑定事件处理程序,阻止事件冒泡,防止其冒泡到document,而调用document的onclick方法隐藏了该div. <script type="text/javascript"> function stopPropagation(e) { if (e.stopPropagation) e.stopPropagation(); else…

js点击页面其他地方如何隐藏div元素菜单

web页面常用的一个需求,写下拉菜单是我们往往不是用select_option,而是自定义一个元素列出选项来满足需求,当我们点击按钮出现菜单, 点击按钮或菜单以外页面空白地方隐藏该菜单,这里提供一种简单有效的方法仅供参考: document.onclick = function(e) { $("div").hide(); } $('button').on("click", function(e) { if($("#div").css("…

JS 实现点击页面任意位置隐藏div、span

通过调用下面的 showhidden(“标签ID”) 显示div/span/…等标签内容,可以实现点击页面任意地方再次隐藏该标签内容,而showhidden(“标签ID”,”nohidden”)可保存显示不隐藏.可用于仿下拉框及下拉菜单的实现. var nowshowdiv=""; function showhidden(div,nohidden){ if(div!=""){ if(document.getElementById(div).style.display…

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…

jquery 点击页面其他地方实现隐藏菜单功能

1.给页面文档添加一个点击事件函数,在函数内实现隐藏菜单功能. $('html').click(function(){//Hide the menus if visible});//用$(document)也可以 2.对于菜单本身不希望在点击它时将自己隐藏,需要为菜单本身的点击事件添加以下方法,用来阻止点击事件的传播. //在所有不想触发页面点击事件的地方阻止冒泡. $('#menucontainer').click(function(event){event.stopPropagation(…

JS实现跳转到页面任何地方

要实现两个内容: 1.从A页面跳转到B页面任何地方方法:用id对要跳转的地方进行标记. 首先,在A页面可以设一个链接 <a href = "b.html#pos" target = "_blank">点击跳转</a> 然后在B页面要跳转的地方 <div id = "pos"></div> 这样就成功实现跳转. 2.从B页面某处跳转到该页面任何地方方法:与上述思路一样,但如果是按钮的话需要添加on…

点击页面任何位置隐藏div

<include file="Public:header" /> <style type="text/css"> table{width:100%;margin: 0;} </style> <script type='text/javascript' src="/{:APP_PATH}/Public/js/unslider.min.js"></script> <script typ…

jQuery点击页面其他部分隐藏下拉菜单

一.开发小要点 web页面中,我们一般不用select.option来实现下拉菜单效果,因为下拉框的样式丑且难以美化,所以我们选择控制ul显示隐藏来实现同样且高大上的效果,但是不能像下拉框那样点击页面其他部分,下拉菜单收起或隐藏,该怎么办呢?只能用js这老大哥来控制了. 二.代码 HTML: <div class="select_box" id="selected"> <div class="select"> <sp…

点击页面任一地方，js发生响应！

document.onmousedown = closeAll; function closeAll() { alert("aaaaaaaaaaaa"); }…

JS如何实现点击页面内任意的链接均加参数跳转?

1.JS跳转页面参考代码第一种: <script language="javascript" type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.href; </script> 第二种: <script language="javascript"> alert("返回&…

实现点击页面其他地方，隐藏div（原生和VUE）

1原生方法 // html <div id="box" style="width:110px;height:110px;background-color:red"></div> //js------js的contains方法用来查看dom元素的包含关系, document.addEventListener('click',(e)=>{ alert('zhixing') var box = document.getElementById(…

实现点击页面其他地方，隐藏div（vue）

方法一: 通过监听事件 document.addEventListener('click',function(e){ if(e.target.className!='usermessage'){ that.userClick=false; } }) 方法二(比较好): 给最外层的div加个点击事件 @click="userClick=false" 给点击的元素上面加上:@click.stop="userClick=!userClick"…

js实现的点击div区域外隐藏div区域

首先看下JS的事件模型,JS事件模型为向上冒泡,如onclick事件在某一DOM元素被触发后,事件将跟随节点向上传播,直到有click事件绑定在某一父节点上,如果没有将直至文档的根. 阻止冒泡:1.对于非IE浏览器:stopPropagation().2.对于IE浏览器:cancelBubble属性为true <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&qu…

js实现的点击div区域外隐藏div区域(转)

首先看下JS的事件模型,JS事件模型为向上冒泡,如onclick事件在某一DOM元素被触发后,事件将跟随节点向上传播,直到有click事件绑定在某一父节点上,如果没有将直至文档的根. 阻止冒泡: 1.stopPropagation()对于非IE浏览器. 2.cancelBubble属性为true,对于IE浏览器,而Jquery已经有兼容浏览器的方法,event.stopImmediatePropagation(); <!DOCTYPE html> <html> <head&g…

怎么用js或jq点击展开，出现隐藏的DIV,点击收起DIV又隐藏起来.

方法一:1 <script type="text/javascript"> $(function() { $("#toggle").click(function() { $(this).text($("#content").is(":hidden") ? "收起" : "展开"); $("#content").slideToggle(); }); });…

jQuery点击div其他地方隐藏div

$(document).bind("click",function(e){ var target = $(e.target); ){ $("#regionlist").hide(); } })…

js第一天点击按钮显示与隐藏

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" > window.onload=function(){ var weibo=document.getElementById('weibo'); var content=document…

jquery点击页面其他位置隐藏div

$("#btnAdd").on('click', function (e) { $("#setUp").toggle(); $(document).one('click', function () { $('#setUp').hide(); }) e.stopPropagation();/*stopPropagation();方法可以阻止把事件分派到其他节点*/ });…

点击页面div弹窗以外隐藏的两种思路

在本文为大家介绍两种思路实现点击页面其它地方隐藏该div,第一种是对document的click事件绑定事件处理程序.. 第一种思路分两步第一步:对document的click事件绑定事件处理程序,使其隐藏该div 第二步:对div的click事件绑定事件处理程序,阻止事件冒泡,防止其冒泡到document,而调用document的onclick方法隐藏了该div. <script type="text/javascript"> function stopPropagat…

JS jQuery 点击页面漂浮出文字

看到有些网站点击页面任意地方都会弹出文字出来感觉很炫酷但其实实现方法很简单哇哈哈哈~~~ // 调用 ( e, 消失毫秒, 数组, 向上漂浮距离) $(document).click(function(e){ var list = ['学而时习之', '不亦说乎', '有朋自远方来', '不亦乐乎', '人不知而不愠', '不亦君子乎', '三人行必有我师焉', '择其善者而从之', '其不善者而改之', '学而不思则罔', '思而不学则殆']; textUp( e, 2000, lis…

js或jquery实现点击某个按钮或元素显示div,点击页面其他任何地方隐藏div

点击某个元素显示div,点击页面其他任何地方隐藏div,可用javascript和jquery两种方法实现: 一:javascript实现方法技巧<script>//定义stopPropagation 方法的使用,该方法将停止事件的传播,阻止它被分派到其他 Document 节点. function stopFunc(e) { e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true; };//获取元素的…

js 点击页面出现烟花心形

css :1 body{width:1000px; height:500px;} input{ margin:100px; width:250px; height: 50px } 3 .Fireworks{width:4px; height: 4px; position: absolute;} .heart{width: 10px;height: 10px;position: fixed;transform: rotate(45deg);-webkit-transform: rotate(45d…

点击除元素以外的任意地方隐藏元素js

比如想实现点击列表弹出筛选器,点击其他任意地方关闭筛选器,如图该筛选器class名 $(document).click(function () { $(".subMenu").hide(); }); $(".subMenu").on("click", function (event) { //取消事件冒泡 var e = arguments.callee.caller.arguments[0] || event; //若省略此句,下面的e改为e…