js阻止子元素响应父元素事件(事件冒泡)

js阻止子元素响应父元素事件(事件冒泡)
今天同事遇到这样一个问题,找我解决。 他希望点击整个DIV都可以响应点击事件,但是有些交互元素需要排除掉。如:点击链接页面跳转、点击按钮响应事件等)。 这是一个关于事件冒泡的问题,那便从事件冒泡写起。 事件冒泡 在一个元素上触发事件,如果此元素定义了处理程序,那么此次事件就会被捕获,根据程序进行该事件的处理。否则这个事件会根据DOM树向父节点逐级传播,如果从始至终都没有被处理...

如何通过js获取隐藏元素的高度

如何通过js获取隐藏元素的高度
当一个元素的样式被设置了display: none时,它的高度相关属性值为 0。 这是因为修改display属性会触发元素的重排和重绘,而元素重排时将会重新计算它的一些属性值。被设置display: none的元素不占用文档空间,自然计算到的高度值为 0。 隐藏元素的方式 “隐藏”元素的方式有多种,除了设置display: none以外,还有visibility: hidden、opacity: 0、height: 0; overflow: hidden、transform...

Webpack按需打包Lodash的几种方式

Webpack按需打包Lodash的几种方式
在数据操作时,Lodash 就是我的弹药库,不管遇到多复杂的数据结构都能用一些函数轻松拆解。 ES6 中也新增了诸多新的对象函数,一些简单的项目中 ES6 就足够使用了,但还是会有例外的情况引用了少数的 Lodash 函数。一个完整的 Lodash 库,即使是压缩后,现最新版本也有 71k 的体积。不能为了吃一口饭而买下一个饭店啊。 针对这个问题,其实已经有很多可选方案了。 函数模块 Lo...