jQuery रहते हैं ('क्लिक') के लिए फायरिंग राइट क्लिक करें

Question

मैं jQuery में live() समारोह की एक अजीब व्यवहार देखा है:

<a href="#" id="normal">normal</a> 
<a href="#" id="live">live</a> 

$('#normal').click(clickHandler); 
$('#live').live('click', clickHandler); 

function clickHandler() { 
    alert("Clicked"); 
    return false; 
} 

कि "लाइव" पर राइट क्लिक करें ठीक है और आप जब तक dandy है लिंक और यह हैंडलर को फायर करता है, और फिर संदर्भ मेनू नहीं दिखाता है। इवेंट हैंडलर "सामान्य" लिंक पर बिल्कुल (जैसा अपेक्षित) आग नहीं लगाता है।

मैं इस के लिए हैंडलर बदलकर आसपास काम कर लिया है:

function clickHandler(e) { 
    if (e.button != 0) return true; 
    // normal handler code here 
    return false; 
} 

लेकिन इनके अलावा ईवेंट हैंडलर्स है कि जोड़ने के लिए करने के लिए वास्तव में कष्टप्रद है। क्या ईवेंट हैंडलर केवल नियमित क्लिक हैंडलर की तरह आग लगने का कोई बेहतर तरीका है?

Answer 1

यह एक known issue है:

ऐसा लगता है कि Firefox पर तत्व के लिए एक क्लिक करें घटना आग नहीं करता है एक राइट क्लिक करें, हालांकि यह एक mousedown और mouseup सक्रिय करता है। हालांकि, यह document पर एक क्लिक ईवेंट आग लगाता है! चूंकि .live दस्तावेज़ स्तर पर घटनाओं पकड़ता है, यह देखता तत्व के लिए क्लिक करें घटना भी हालांकि तत्व में ही नहीं है। यदि आप mouseup तरह की एक घटना का उपयोग करें, दोनों p तत्व और document घटना देखेंगे।

आपका कामकाज अब आप के लिए सबसे अच्छा कर सकते हैं। ऐसा लगता है कि केवल फ़ायरफ़ॉक्स को प्रभावित करता है (मुझे विश्वास है कि यह वास्तव में फ़ायरफ़ॉक्स में एक बग है, jQuery प्रति से नहीं)।

भी this question कल पूछा देखें।

Answer 2

यह live कैसे कार्यान्वित किया जाता है की एक दुर्भाग्यपूर्ण परिणाम है। यह वास्तव में ईवेंट बबलिंग का उपयोग करता है ताकि आप एंकर तत्व के क्लिक ईवेंट से बाध्यकारी न हों, आप दस्तावेज़ के क्लिक ईवेंट पर बाध्यकारी हैं। "ठीक" live() कोड में ही -

Answer 3

मैं एक समाधान मिल गया है।

jQuery का unminified स्रोत में लाइन 2989 के आसपास 1.3.2 एक समारोह liveHandler() कहा जाता है। एक लाइन जोड़ने के लिए कोड संशोधित करें:

2989: function liveHandler(event) { 
2990:  if (event.type == 'click' && event.button != 0) return true; 

यह कुछ भी लेकिन बाएं माउस बटन पर फायरिंग से क्लिक ईवेंट बंद हो जाएगा। यदि आप विशेष रूप से चाहते थे, तो आप "दाएं क्लिक" घटनाओं को भी अनुमति देने के लिए कोड को काफी आसानी से संशोधित कर सकते हैं, लेकिन यह मेरे लिए काम करता है ताकि वह उस पर रह सके।

Answer 4

आप वास्तव में यह के रूप में फिर से लिखने कर सकते हैं:

function reattachEvents(){ 
    $(element).unbind('click').click(function(){ 
     //do something 
    }); 
} 

और इसे कहते जब आप एक नया डोम तत्व जोड़, यह उम्मीद परिणाम (दाएं क्लिक करें घटना पर कोई फायरिंग) होनी चाहिए।

Answer 5

मैंने इसे mousedown घटनाओं का उपयोग करके हल किया। मेरी स्थिति में mousedown और क्लिक के बीच भेद कोई फर्क नहीं पड़ता।