解决vue项目中@mousemove 事件 子元素触发了父元素事件
解决vue项目中@mousemove 事件 子元素触发了父元素事件 , 干掉子元素所有事件!
·
在Vue项目中使用@mousemove事件从$event中获取x与y轴时 , 如果绑定此事件的元素内还有别的子元素那么同样会触发mousemove事件 , 但是$event.target会是这个子元素, 到这一步就算通过parentElement来获取父元素也拿不到此时鼠标在元素内的位置了 所以可以使用C3新增的一个属性
pointer-events:none;
该属性会禁止掉所有的鼠标事件 而且拥有继承性 给子元素设置之后他的下面的所有事件都不会被触发 , 这个属性的值大部分都是给SVG提供的 不过一个none就已经能帮助我们很多了;
当然如果还需要触发子元素的事件的话 , 那就只能用事件修饰符.stop或者.stop.parent了或者给父元素设置.self
更多推荐
已为社区贡献1条内容
所有评论(0)