hyfm.net
当前位置:首页 >> js 点击一个按钮出现一个Div然后在点击Div以外的任何地方在让Div隐藏怎么写 >>

js 点击一个按钮出现一个Div然后在点击Div以外的任何地方在让Div隐藏怎么写

给body添加一个点击事件,或者事件监听,让div消失就可以了

var 按钮=document; var div=document.;//点击按钮弹出div 在点击按钮关闭该div 按钮.onclick=function() { if(div.style.display=="none") { div.style.display="block"; } else { div.style.display="none"; } }//点击其他地方关闭div document.

你好,请采纳我下面的回答,谢谢!关于你的问题“使用javascript怎么弄成点击div1的时候显示然后点击其他div的时候隐藏?”我随手写了个简单的tab选项,你可以参考下.代码如下:<!doctype html><html lang="zh"><head><meta charset

<html><head><meta charset="utf-8"><style>.动1{ position: absolute; left: 30px; top: 200px; }</style><script> function 移动(){ document.getElementById("块").className="动1"; }</script></head><body><input type="button" onclick="移动()" value="移动" /><div id="块">你点移动,看我动不动</div></body></html>

如果想将相同的js效果运用到多个标签上,可以先使用class类选择器规划好想要运用的对象.然后使用js来统一获取这些对象.通过for循环来解决重复的劳动量(绑定按钮事件或者其他需要的效果).具体写了一个例子,是菜单展开隐藏的效果

设置点击事件,div层默认让它隐藏,等到点击的时候,让div层显示出来就行了,hide和show的问题

换个思路,可以把这个问题理解为,焦点离开这个div的时候,隐藏这个div那么首先点击这个div触发focus事件设置焦点$(div).click(function(){$(this).focus()})同对这个元素绑定blur事件,$(div).blur(function(){$(this).hide();})这里要特别注意的是div元素本身是没有blur事件的,但是你可以对该元素添加tabindex属性,这样就能触发blur事件了.$(div).attr('tabindex',-1)

点按钮隐藏把按钮绑定点击触发函数onclick定义一个函数将$(div).css(“display”,“block”)点击外部隐藏,不知道你是要点击什么你需要点什么,就把上面代码改成$(你要点的东西).click(display,none)

<head><title>菜单隐藏-显示</title><style>*{margin:0; padding:0;}ul li{list-style:none;}a{text-decoration:none;}a:hover{text-decoration:none;}.lflort{float:left;}.rfloat{float:right;}/*样式开始*/#nav{width:241px; background:#09C;}.mingp{font-size:20px;

我觉得可以给表单加上事件,但是这样会不会点击这个div时也会隐藏呢,没有测过,只是个人见解,希望能帮到你

相关文档
网站首页 | 网站地图
All rights reserved Powered by www.hyfm.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com