jQuery点击页面其他任意地方关闭弹框
来源:互联网 发布:超基因优化液txt下载 编辑:程序博客网 时间:2024/06/05 22:38
<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
<title>
测试弹框
</title>
<script src="./jquery-1.8.3.min.js"></script>
</head>
<body>
<div class="click">点击</div>
<div class="show" style="border:1px solid blue;width:200px;display:none;">展示区</div>
</body>
<script type="text/javascript">
$(".click").click(function(e){
if($(".show").hasClass("allhide")){
$(".show").hide();
$(".show").removeClass("allhide");
return;
}
e.stopPropagation();
$(".show").show();
$(".show").addClass("allhide");
});
$(document).click(function(){
if($(".show").hasClass("allhide")){
$(".show").hide();
$(".show").removeClass("allhide")
}
});
</script>
<html>
<head>
<meta charset="utf8">
<title>
测试弹框
</title>
<script src="./jquery-1.8.3.min.js"></script>
</head>
<body>
<div class="click">点击</div>
<div class="show" style="border:1px solid blue;width:200px;display:none;">展示区</div>
</body>
<script type="text/javascript">
$(".click").click(function(e){
if($(".show").hasClass("allhide")){
$(".show").hide();
$(".show").removeClass("allhide");
return;
}
e.stopPropagation();
$(".show").show();
$(".show").addClass("allhide");
});
$(document).click(function(){
if($(".show").hasClass("allhide")){
$(".show").hide();
$(".show").removeClass("allhide")
}
});
</script>
</html>
可直接测试
0 0
- jQuery点击页面其他任意地方关闭弹框
- JQuery 点击页面任意地方隐藏指定元素
- 点击弹出一个窗口,再点击任意地方窗口关闭
- 点击页面任意位置,获取当前点击元素,jquery获取
- js 鼠标点击一个按钮显示div的浮动框,点击页面其他任何地方后,隐藏浮动框
- jQuery点击自身以外地方关闭弹出层-closest()
- GridView点击任意地方选中
- 点击一行中任意地方,复选框选中
- js/jq 点击按钮显示div,点击页面其他任何地方隐藏div
- 网页内容繁简体切换(任意页面点击繁体后,其他页面也变成繁体)
- 点击其它地方关闭DIV
- jquery 点击元素以外任意地方隐藏该元素的方法
- jquery 点击元素以外任意地方隐藏该元素的方法(事件冒泡)
- Android中点击编辑框以外的地方关闭输入法
- jQuery实现点击按钮弹出一个div,点击其他区域关闭该div
- 点击任意键关闭弹窗,阻止冒泡
- jquery 点击元素实现背景色改变,点击元素以外任意地方还原该元素背景色
- 点击UIViewController的任意地方,收起键盘
- UITextField的简单使用
- RxJava 学习总结
- mysql管理
- Intent
- jquery validation
- jQuery点击页面其他任意地方关闭弹框
- Debug时候发现的同名jar包加载问题
- V-Behavioral Questions
- svn“Previous operation has not finished; run 'cleanup' if it was interrupted“报错的解决方法
- 关于hadoop与jstl冲突的jar包
- Web Service学习总结
- HTML5 canvas画图
- 按钮监听事件的实现方式【JAVA】
- 常用的github项目