js 悬浮按钮，支持PC和移动端拖动

Cesium 安卓版的App 打包成功了，下面需要实现一个类似苹果home 的功能。要求很简单，需要在Web和移动端支持home键的移动。js实现逻辑如下

function move_home(dragId, dragLink) {
            var startEvt, moveEvt, endEvt
                // 判断是否支持触摸事件
            if ('ontouchstart' in window) {
                startEvt = 'touchstart'
                moveEvt = 'touchmove'
                endEvt = 'touchend'
            } else {
                startEvt = 'mousedown'
                moveEvt = 'mousemove'
                endEvt = 'mouseup'
            }
            // 获取元素
            var drag = document.getElementById(dragId)
            drag.style.position = 'absolute'
            drag.style.cursor = 'move'
                // 标记是拖曳还是点击
            var isClick = true
            var disX, disY, left, top, starX, starY

            drag.addEventListener(startEvt, function(e) {
                // 阻止页面的滚动，缩放
                e.preventDefault()
                    // 兼容IE浏览器
                var e = e || window.event
                isClick = true
                    // 手指按下时的坐标
                starX = e.touches ? e.touches[0].clientX : e.clientX
                starY = e.touches ? e.touches[0].clientY : e.clientY
                    // 手指相对于拖动元素左上角的位置
                disX = starX - drag.offsetLeft
                disY = starY - drag.offsetTop
                    // 按下之后才监听后续事件
                document.addEventListener(moveEvt, moveFun)
                document.addEventListener(endEvt, endFun)
            })

            function moveFun(e) {
                // 兼容IE浏览器
                var e = e || window.event
                    // 防止触摸不灵敏，拖动距离大于20像素就认为不是点击，小于20就认为是点击跳转
                if (
                    Math.abs(starX - (e.touches ? e.touches[0].clientX : e.clientX)) > 20 ||
                    Math.abs(starY - (e.touches ? e.touches[0].clientY : e.clientY)) > 20
                ) {
                    isClick = false
                }
                left = (e.touches ? e.touches[0].clientX : e.clientX) - disX
                top = (e.touches ? e.touches[0].clientY : e.clientY) - disY
                    // 限制拖拽的X范围，不能拖出屏幕
                if (left < 0) {
                    left = 0
                } else if (left > document.documentElement.clientWidth - drag.offsetWidth) {
                    left = document.documentElement.clientWidth - drag.offsetWidth
                }
                // 限制拖拽的Y范围，不能拖出屏幕
                if (top < 0) {
                    top = 0
                } else if (top > document.documentElement.clientHeight - drag.offsetHeight) {
                    top = document.documentElement.clientHeight - drag.offsetHeight
                }
                drag.style.left = left + 'px'
                drag.style.top = top + 'px'
            }

            function endFun(e) {
                document.removeEventListener(moveEvt, moveFun)
                document.removeEventListener(endEvt, endFun)
                if (isClick) { // 点击
                    // window.location.href = dragLink
                }
            }
        }

最终实现效果如下