HEX实现窗口拖拽

最近的项目有一个这样的需求，做一个桌面的应用程序，不要放大、缩小、关闭按钮。这时的窗口就无法实现拖拽功能。
今天我就分享一下，用hex封装的桌面应用程序怎么实现拖拽功能。

html页面代码如下：

 <div class="fixed green leftList">
 在div中可以随意写
 </div>

在js文件中可以写如下的代码：

window.addEventListener('DOMContentLoaded', function () {
    document.addEventListener('mousemove', function (e) {
        if (e.target.classList.contains('green')) {
            hex.setAsTitleBarAreas(e.clientX, e.clientY);
        } else {
            hex.setAsTitleBarAreas(-1, -1);
            hex.setAsNonBorderAreas(-1, -1);
        }
    }, false);
}, false);

这样只要在这个div上拖动就可以实现整个窗口的拖动。

注意：在html中要引上边那个js文件

方法说明：

hex.setAsTitleBarAreas(x, y)；将制定坐标x（整型）y（整型）位置设置为窗口的非客户区，若
设置成功则返回true，否则返回false。

hex.setAsNonBorderAreas(x, y)：将制定坐标x（整型） y（整型）位置设置为窗口的非边框区域。

由于最近的项目有这个需求所以在此记录一下。