点击区域外隐藏该区域,event.stopPropagation()
2024-08-24 19:24:31
- Description: Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.
点击区域外隐藏该区域Example:
<!DOCTYPE html>
<html>
<head>
<meta content="charset=utf-8" />
<style type="text/css">
.box {
width:100px;
height:100px;
background:blue;
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$(document).click(function() {
$('.box').hide();
})
$('.box').click(function(event) {
event.stopPropagation();
})
});
</script>
</head>
<body>
<div class="box">box</div>
</body>
</html>
最新文章
- Java的HTTP通信
- OC内存管理
- linux内核学习之三 跟踪分析内核的启动过程
- Yii 框架学习--01 框架入门
- 【初探移动前端开发05】jQuery Mobile (下)
- C++之路进阶——codevs3287(货车运输)
- 初步探讨WPF的ListView控件(涉及模板、查找子控件)
- Fedora 19修改主机名
- Epoll之ET、LT模式
- SQL Server 板机
- 一起写框架-Ioc内核容器的实现-基础功能-ComponentScan(四)
- HDU1013,1163 ,2035九余数定理 快速幂取模
- 小程序之Tab切换(二)
- kali rolling更新源之gpg和dirmngr问题
- 【c# 数据库】 多表链接
- [C++ Primer Plus] 第3章、处理数据(一)程序清单
- 拒绝服务(DoS)理解、防御与实现
- Bartender 使用 Excel xlsx 数据库时出现 0x800A0E7A
- PHP 弹窗 源代码 css Jquery.js
- python面试一:python2与python3的区别一