如下圖，想要做一個鼠標在圖片滑動，網(wǎng)狀框跟隨鼠標一起移動。遇到了很奇怪的問題，圖1是正常的樣子，但是當(dāng)我鼠標再次移動的時候，就變成了圖2。如果連續(xù)移動的話，網(wǎng)狀框就會閃動，說白了就是第1秒網(wǎng)狀框會跟著鼠標走，但是下一秒網(wǎng)狀框就會回到左上角。如圖3網(wǎng)狀框和商品圖片都在一個div里，父級有的相對定位，網(wǎng)狀框子級用的絕對定位。而且就此我還打印了網(wǎng)狀框的left值，如圖3下面是代碼模板<div     class="goods_description_pic"    @mouseenter="showcheckeddetailelement=true"    @mouseleave="showcheckeddetailelement=false"    @mousemove="checkeddetailproduct($event)">    <img :src="productinformation.productimg">    <span        v-show="showcheckeddetailelement"        @mouseenter="showcheckeddetailelement=true"        class="goods_description_detailed_see"        :style="{ left: followcheckedx+'px', top: followcheckedy+'px'}"></span></div>jsexport default{    data(){        return {            followcheckedx: 0,            followcheckedy: 0        }    },    methods: {        checkeddetailproduct (e){            // offsetX是鼠標相對于窗口的距離            // e.clientX - e.offsetX 標簽距瀏覽器左端的距離            this.followcheckedx = e.offsetX - 75;            this.followcheckedy = e.offsetY - 75;            if(this.followcheckedx>=150){                this.followcheckedx=150;            }            if(this.followcheckedy>=150){                this.followcheckedy=150;            }            if(this.followcheckedx<0){                this.followcheckedx=0;            }            if(this.followcheckedy<0){                this.followcheckedy=0;            }            console.log('left:' + this.followcheckedx)            }    }}肯定是有哪個地方疏忽了，謝謝大家?guī)臀铱匆幌?，咱們一起學(xué)習(xí)進步主要的問題已經(jīng)找到了，如果在最外層的div上面加上mousemove事件，那么就相當(dāng)于在img和span上分別加了mousemove事件，他們就會根據(jù)鼠標在自己的元素上進行重新定位，從而導(dǎo)致了第一秒在這里，下一秒又在另一個地方的情況。問題已經(jīng)解決，謝謝各位大神幫忙，我會嘗試另外幾種方法