underscore.js 解除绑定

发布于 2024-10-31 08:11:44 字数 1336 浏览 5 评论 0原文

我很想解除绑定:

$("body").mousemove(_.bind(this.mousemove, this));

由于backbone.js和raphael.js之间的复杂混合,我需要通过underscore.js进行绑定:

var NodeView = Backbone.View.extend({

        dx: 0,
        dy: 0,

        click: function(event){
            alert('hello')
        },
        mousedown: function(event){
            this.dx = event.pageX - this.el.attr('x');
            this.dy = event.pageY - this.el.attr('y');
            this.el.attr({fill: "#0099FF"});

            $("body").mousemove(_.bind(this.mousemove, this));
        },
        mousemove: function(event){
            this.el.attr({  x: event.pageX - this.dx,
                            y: event.pageY - this.dy});
        },
        mouseup: function(event){
            this.el.attr({fill: "#EEEEEE"});
            $("body").mousemove(_.bind(this.mousenotmove, this));
        },

        render: function(){
            this.el = canvas.rect(this.model.get('xPos'), this.model.get('yPos'), 50, 50).attr({
                fill:   "#EEEEEE",
                stroke: "none",
                cursor: "move"
            });

            $(this.el.node).mousedown(_.bind(this.mousedown, this));
            $(this.el.node).mouseup(_.bind(this.mouseup, this));

            return this;
        }
    });

有什么建议吗?

I would love to unbind this:

$("body").mousemove(_.bind(this.mousemove, this));

Due to a complicated mix between backbone.js and raphael.js I need to do the bind via underscore.js:

var NodeView = Backbone.View.extend({

        dx: 0,
        dy: 0,

        click: function(event){
            alert('hello')
        },
        mousedown: function(event){
            this.dx = event.pageX - this.el.attr('x');
            this.dy = event.pageY - this.el.attr('y');
            this.el.attr({fill: "#0099FF"});

            $("body").mousemove(_.bind(this.mousemove, this));
        },
        mousemove: function(event){
            this.el.attr({  x: event.pageX - this.dx,
                            y: event.pageY - this.dy});
        },
        mouseup: function(event){
            this.el.attr({fill: "#EEEEEE"});
            $("body").mousemove(_.bind(this.mousenotmove, this));
        },

        render: function(){
            this.el = canvas.rect(this.model.get('xPos'), this.model.get('yPos'), 50, 50).attr({
                fill:   "#EEEEEE",
                stroke: "none",
                cursor: "move"
            });

            $(this.el.node).mousedown(_.bind(this.mousedown, this));
            $(this.el.node).mouseup(_.bind(this.mouseup, this));

            return this;
        }
    });

Any suggestions?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

許願樹丅啲祈禱 2024-11-07 08:11:44

感谢@Pointy(谢谢:D):

解决方案很简单: $("body").unbind("mousemove");

请参阅第一篇文章中的评论。

Thanks to @Pointy (thank you :D):

The solution is a simple as: $("body").unbind("mousemove");

See comments in first post.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文