कैसे बैकबोन में लंबे क्लिक करें और राइट क्लिक ईवेंट प्रबंधित करने के जे एस

Question

हम नीचे की तरह क्लिक करें और डबल क्लिक करें घटनाओं का प्रबंधन कर सकते हैं:

events: { 
    "click .tree-toggler": "toggletree", 
    "dblclick .doubleclick" : "doubleclickFunc" 
    }, 

toggletree: function(e){ 
    //code 
    }, 
    doubleclickFunc : function(e){ 
     //code 
    } 

लेकिन मैं सही क्लिक करें घटना और लांग क्लिक करें घटना प्रबंधित करना चाहते हैं। उन्हें कैसे संभालें?

Answer 1

मुझे "लंबे क्लिक" ईवेंट के बारे में पता नहीं है (मुझे यह भी पता नहीं था कि वहां एक था और उसे कुछ दस्तावेज़ नहीं मिला), लेकिन वैसे भी। बैकबोन आपके ईवेंट को DOM पर बाध्य करने के लिए jQuery की on विधि का उपयोग करता है। इसका मतलब है कि on के साथ काम करने वाली कोई भी चीज़ Backbone.View.events के साथ काम करेगी (दुर्भाग्यवश आपके द्वारा निर्दिष्ट चयनकर्ता के लिए कुछ सीमाएं हैं, लेकिन इसके अलावा)।

प्रयास करें:

events: { 
    contextmenu: 'onRightClick' 
}, 
onRightClick: function() { 
    alert('it works!'); 
} 

Answer 2

आप पहले जवाब में वर्णित के रूप सही क्लिक का पता करने के लिए contextmenu घटना का उपयोग कर सकते हैं।

clickTree: function(e) { 
    if (event.which === 3) { 
    // handle right clicks 
    this.showtreemenu(e); 
    return; 
    } 
    // handle left clicks 
    this.toggletree(e); 
} 

लंबे क्लिक करता है, उर्फ ​​क्लिक अवधि को मापने के लिए, का उपयोग mouseup और mousedown:

events: { 
    'mousedown .measure-click-duration': 'clickStarted', 
    'mouseup .measure-click-duration': 'clickEnded' 
}, 

clickStarted: function(e) { 
    this.clickStartTime = e.timeStamp; 
}, 

clickEnded: function(e) { 
    var clickDuration = e.timeStamp - this.clickStarted; 
    if (clickDuration > 1000) { 
    this.longClick(e); 
    } 
} 

मैं एक fiddle अधिकार के लिए प्रदर्शन contextmenu बनाया सही माउस बटन के लिए क्लिक का पता लगाने के लिए एक और तरीका है jQuery के event.which है क्लिक और ऊपर वर्णित क्लिक अवधि।