JS/JavaScript中阻止冒泡/多层级传递事件
冒泡事件定义
比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡。
当我们点击按钮后，因为按钮也属于.box元素，所以按钮的父元素.box也会触发点击事件
阻止冒泡事件的三种方法
1.event.stopPropagation()方法
$('.btn').click(function (even) {
even.stopPropagation();
alert('按钮被点击了');
})2.event.preventDefault()方法
$('.btn').click(function (even) {
even.preventDefault();
alert('按钮被点击了');
})这是阻止默认事件的方法，调用此方法是，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素；
3.return false ；
$('.btn').click(function (even) {
alert('按钮被点击了');
return false;
})这个方法比较暴力，他会同事阻止事件冒泡也会阻止默认事件；写上此代码，连接不会被打开，事件也不会传递到上一层的父元素；可以理解为return false就等于同时调用了event.stopPropagation()和event.preventDefault()
http://blog.xqlee.com/article/2412301102211946.html
评论
相关文章
冒泡事件定义比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡。当我们点击按钮后，因为按钮也属于.box元素，所以
javascript中onclick事件传递对象参数,javascript,javascript传递对象参数
JavaScript/JS数组清空，删除数组内所有数据。Array=[]与Array.length=0的区别
jquery动态绑定事件处理一些由于html代码是动态生成，导致普通的$('selector') 绑定事件失败问题<!DOCTYPE html>l;<html>l;<h
JavaScript/JS读取文本/JSON文件内容let file = files[0];var reader = new FileReader();read
javascript（js）onclick 传递多个字符变量参数<a title="点击下载附件" onclick="downloadFile(\''+row.url+'\',\''+ro...
JavaScript H5原生操作元素class，包括获取元素class值，设置class值修改元素class值操作。示例数据 <head>l; <meta cha
JavaScript集合（Array）转树（tree）结构js 原生数组转树形结构 /**
* 将list装换成tree
* @param {Object} myId 数据主键id
* ...
前言有时候，我们需要对js的原生对象进行扩展，达到全局使用更方便的效果
方式一 spliceJavaScript 中的 splice() 方法可用于在数组中添加或删除元素。如果我们需要删除数组中的元素，可以使用 splice() 方
js 生成二维码引入qrcode.js该框架基于HTML5原生编写，兼容性较好。支持H5 vue uniapp 微信小程序等。基本使用参考<div id="qrcode">l;<...
现有js数组数据如下：let dataArray=[{id:1,name:'张三'},{id:2,name:'李四'}];根据id获取js数组的对象let findId=1;
let findO...
JavaScript/jquery选择同级兄弟节点选择上下级节点方法<script>l;function js_selector() {var s= documen