弹出菜单 阻止冒泡
Posted 2350305682
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了弹出菜单 阻止冒泡相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>弹出菜单，阻止冒泡</title>
<style>
</style>
<script src="jquery-1.9.1.js"></script>
<script>
$(function(){
$("button").click(function(ev){
$("div").css("display","block");
ev.stopPropagation();//阻止冒泡（子级发生事件的时候往父级传递，导致父级的事件也同时发生）
//return false; 同时阻止冒泡和默认事件
});
$(document).click(function(){
$("div").css("display","none");
});
});
</script>
</head>
<body>
<button>点击</button>
<div style="width:200px;height:200px;background:pink;display:none;"></div>
</body>
</html>
补充：document是整个文档最顶层的父节点，所以在document上加事件时，不管点击网页的什么地方都可以触发。
以上是关于弹出菜单 阻止冒泡的主要内容，如果未能解决你的问题，请参考以下文章