Question

我想在Backbone视图中捕获双击事件

var HomePage = Backbone.View.extend({
     initialize: function(){
        this.render();
     },
     render: function(){
        var template = _.template($('#app1').html());
        this.$el.html(template);
     },
     events: {
        'click #btn1': function(){
            alert('Single Click');
        },
        'dblclick #btn1': function(){
           alert('Double click');
        }
     } 
});

var view1 = new HomePage({
    el: '#container'
});

双击在骨干网中不起作用。我们如何捕获它？

与

相似

$('#btn1').on('dblclick', function(){
    alert('Double click');
});

Answer 1

这里的问题是您的alert在单击并暂停执行后才会触发。将alert更改为console.log将显示两个事件均按预期触发：

events: {
    'click #btn1': function() {
        console.log('single click');
    },
    'dblclick #btn1': function() {
       console.log('double click');
    }
 }

http://jsfiddle.net/rvLgybom/

然后，您可能会遇到单击和双击的问题。这将在此处进一步讨论：Backbone.js - Both click and double click event getting fired on an element

双击不在骨干视图中工作

1 个答案: