双击在主干视图中不起作用[重复]答案

【问题标题】：Double click not working in backbone View [duplicate]双击在主干视图中不起作用[重复]
【发布时间】：2016-06-06 18:54:44
【问题描述】：

我想在 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');
});

【问题讨论】：

执行摘要：jQuery 强烈建议你不要尝试这个。

标签： javascript jquery backbone.js

【解决方案1】：

这里的问题是您的alert 在单击并停止执行后触发。将您的 alerts 更改为 console.logs 将显示两个事件都按预期触发：

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

【讨论】：