hqchart/lib/umychart.drag.vue.js

HQChart - H5, 微信小程序 沪深/港股/数字货币/期货/美股 K线图(kline),走势图,缩放,拖拽,十字光标,画图工具,截图,筹码图. 分析家语法,通达信语法,(麦语法),第3方数据对接

"use strict";

Object.defineProperty(exports, "__esModule", {
    value: true
});
//////////////////////////////////////////////////////////////////////////////
//  拖拽宽度|宽度
//
//
/////////////////////////////////////////////////////////////////////////////


function JSDragDiv(divElement) {
    this.DivElement = divElement;
    this.MouseDownPoint; //点击鼠标位置
    this.MouseMovePoint;
    this.Cache = {};
    this.MouseMoveCallback;
    this.MouseDownCallback;

    var self = this;
    divElement.onmousedown = function (e) {
        self.OnMouseDown(e);
        document.onmousemove = function (e) {
            self.OnMouseMove(e);
        };
        document.onmouseup = function (e) {
            self.OnMouseUp(e);
        };
    };

    this.OnMouseDown = function (e) {
        console.log("[JSDragDiv::OnMouseDown] x=" + e.clientX + " y=" + e.clientY);
        this.MouseDownPoint = { X: e.clientX, Y: e.clientY };
        this.MouseMovePoint = { X: e.clientX, Y: e.clientY };
        if (this.MouseDownCallback) this.MouseDownCallback(e, this);
    };

    this.OnMouseMove = function (e) {
        console.log("[JSDragDiv::OnMouseMove] x=" + e.clientX + " y=" + e.clientY);
        if (this.MouseMoveCallback) this.MouseMoveCallback(e, this);

        this.MouseMovePoint = { X: e.clientX, Y: e.clientY };
    };

    this.OnMouseUp = function (e) {
        console.log("[JSDragDiv::OnMouseUp] x=" + e.clientX + " y=" + e.clientY);
        //清空事件
        document.onmousemove = null;
        document.onmouseup = null;
    };
}

/*暴露外部用的方法*/
exports.default = {
    JSDragDiv: JSDragDiv
};