cocos+js+拖动事件

cc.Class({
    extends: cc.Component,

    properties: {
        // 可选：限制拖动范围的边界
        dragArea: cc.rect(0, 0, 640, 480),
    },

    onLoad () {
        // 监听触摸开始事件
        this.node.on(cc.Node.EventType.TOUCH_START, this.onTouchStart, this);
        // 监听触摸移动事件
        this.node.on(cc.Node.EventType.TOUCH_MOVE, this.onTouchMove, this);
        // 监听触摸结束事件
        this.node.on(cc.Node.EventType.TOUCH_END, this.onTouchEnd, this);
    },

    onTouchStart(event) {
        // 记录初始触摸位置
        this.startPos = event.getLocation();
        // 记录节点初始位置
        this.nodeStartPos = this.node.getPosition();
        // 防止事件穿透
        event.stopPropagation();
    },

    onTouchMove(event) {
        // 获取当前触摸位置
        let currentPos = event.getLocation();
        // 计算偏移量
        let deltaX = currentPos.x - this.startPos.x;
        let deltaY = currentPos.y - this.startPos.y;
        // 计算新位置
        let newPos = cc.v2(this.nodeStartPos.x + deltaX, this.nodeStartPos.y + deltaY);

        // 可选：限制拖动范围
        if (this.dragArea) {
            newPos.x = cc.clampf(newPos.x, this.dragArea.x, this.dragArea.x + this.dragArea.width);
            newPos.y = cc.clampf(newPos.y, this.dragArea.y, this.dragArea.y + this.dragArea.height);
        }

        // 设置节点新位置
        this.node.setPosition(newPos);
    },

    onTouchEnd(event) {
        // 触摸结束后的逻辑（如触发放置事件）
        // ...
    },
});