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

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

作者: 小码农_影 | 来源:发表于2020-10-14 11:44 被阅读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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/rrnipktx.html