解决vue项目中@mousemove 事件 子元素触发了父元素事件

在Vue项目中使用@mousemove事件从$event中获取x与y轴时 , 如果绑定此事件的元素内还有别的子元素那么同样会触发mousemove事件 , 但是$event.target会是这个子元素, 到这一步就算通过parentElement来获取父元素也拿不到此时鼠标在元素内的位置了 所以可以使用C3新增的一个属性

pointer-events:none;

该属性会禁止掉所有的鼠标事件 而且拥有继承性  给子元素设置之后他的下面的所有事件都不会被触发 , 这个属性的值大部分都是给SVG提供的 不过一个none就已经能帮助我们很多了;

当然如果还需要触发子元素的事件的话 , 那就只能用事件修饰符.stop或者.stop.parent了或者给父元素设置.self

 

你可能感兴趣的:(拖拽,vue,css,javascript)