使用拖拽组件,vue-draggble,火狐浏览器的兼容问题

2020-10-14  本文已影响0人  小码农_影

vue中使用拖拽组件,在谷歌 ie浏览器拖拽都没有问题,火狐浏览器拖拽时 会默认打开浏览器新窗口,所以在生命周期created时 禁掉

created() {

    let userAgent = navigator.userAgent; //取得浏览器的userAgent字符串

    if (userAgent.indexOf("Firefox") > -1) { //火狐浏览器需要禁掉默认的拖拽事件

        document.body.ondrop = (e)=>{ //拖拽结束事件

        //下面的是关键

            if(this.dragging) { //当前页面正在拖拽中,阻止默认事件

                e.preventDefault(); //阻止浏览器默认行为,主要是为了解决火狐浏览器拖拽完打开新的窗口问题

                e.stopPropagation();

            }

        }

    }

},

3

上一篇下一篇

猜你喜欢

热点阅读