鼠标移入移除事件

mouseenter和mouseover

它们两个都是用于监听鼠标的事件,具体意义是:当鼠标移入一个你规定的一个区域时触发的事件。
区别:不论鼠标指针移入被选元素或其子元素,都会触发 mouseover 事件。
只有在鼠标指针从元素外移入被选元素区域时,才会触发 mouseenter 事件。

mouseleave和mouseout

它们两个都是用于监听鼠标的事件,具体意义是:当鼠标移出一个你规定的一个区域时触发的事件。
区别:不论鼠标指针移出被选元素或其子元素,都会触发 mouseover 事件。
只有在鼠标指针从元素内移出被选元素区域时,才会触发 mouseenter 事件。

补充

e.stopPropagation()会终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播,即阻止事件的冒泡。
在vue中代码为event.stop=“function()”,stop可以阻止事件冒泡。

你可能感兴趣的:(vue,前端,javascript,vue.js)