2

CreateJS/EaselJS を使用してキャンバスの例を作成します。カード オブジェクト (ビットマップ オブジェクト) があり、'mousedown' イベントを処理するイベント リスナーを追加します。次に、このイベント リスナーを削除しようとしましたが、機能していないようです。誰でも私を助けることができますか？

toggleDragDrop: function (stage, state) {
            if (state) {
                this.graphicsObj.addEventListener("mousedown", function (evt) {
                    var offset = { x: evt.target.x - evt.stageX, y: evt.target.y - evt.stageY };

                    // add a handler to the event object's onMouseMove callback
                    // this will be active until the user releases the mouse button:
                    evt.addEventListener("mousemove", function (ev) {
                        ev.target.x = ev.stageX + offset.x;
                        ev.target.y = ev.stageY + offset.y;
                        stage.update();
                    });
                });
            }
            else {
                this.graphicsObj.removeEventListener("mousedown");
            }
        }
4

1 に答える 1

2

.removeEventListener()1 つだけでなく、 2 つ(または 3 つ) の引数が必要です。2 番目の引数は、 に渡されたものと同じリスナー関数への参照.addEventListener()です。.addEventListener()したがって、後で削除する場合は、無名関数式を使用できません。代わりに、名前付き関数を使用して、両方の呼び出しで参照できるようにします。

toggleDragDrop: function (stage, state) {
    function downer( evt ) {
        var offset = {
            x: evt.target.x - evt.stageX,
            y: evt.target.y - evt.stageY
        };

        // add a handler to the event object's onMouseMove callback
        // this will be active until the user releases the mouse button
        evt.addEventListener("mousemove", function (ev) {
            ev.target.x = ev.stageX + offset.x;
            ev.target.y = ev.stageY + offset.y;
            stage.update();
        });
    }

    if (state) {
        this.graphicsObj.addEventListener("mousedown", downer);
    }
    else {
        this.graphicsObj.removeEventListener("mousedown", downer);
    }
}
于 2013-07-15T07:32:10.013 に答える