问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

javascript 全局事件绑定

头像
Wayme
    14431626

    问题如下：

    clipboard.png
    点击“商品分类”后，弹出菜单，同时绑定一个全局click事件用来隐藏菜单。

    javascript
    阅读 8k
    1 个回答
    得票最新
    头像
    kiddiesdw
      4275
      ✓ 已被采纳

      js事件冒泡机制，希望能够帮到你

      <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
*{ 
    margin: 0;
    padding: 0;
}
#div{
    height: 400px;
    width: 400px;
    cursor: pointer;
    border: 3px solid #005588;
}
</style>
</head>
<body>
<div id="div"></div>
<script type="text/javascript">
var divDom = document.getElementById('div');
div.onclick = function(event){
    event = event || window.event;
    /*
    显示菜单动画
    */
    event.stopPropagation();//阻止事件冒泡
}
//点击层外，隐藏这个层。由于层内的事件停止了冒泡，所以不会触发下面这个事件
document.onclick = function(event){
    /*
    隐藏菜单动画
    */
}
</script>
</body>
</html>
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题