2011-09-12 9 views
13

इस HTMLलाइव क्लिक Firefox में विभिन्न स्रोत रिपोर्टिंग बनाम क्रोम

<div> 
    <button> 
    <img src="https://img.skitch.com/20110912-1m2qj31m7sxmh46uheef63gutu.gif"> 
    </button> 
</div> 

और इस jQuery

$(document).ready(function() { 
    $("body").live("click", function(event) { 
    $("body").append(event.target.tagName);    
    }); 
}); 

के साथ घटना क्यों क्रोम में घटना लक्ष्य नोड छवि है और Firefox में यह बटन है ?

jsfiddle परीक्षण ->http://jsfiddle.net/MikeGrace/YC5A7/

+1

यह रूप में अच्छी तरह IE8 में बटन है:

हालांकि, event.currentTarget सभी ब्राउज़रों में वांछित परिणाम है। –

+0

अजीब। ऐसा लगता है कि आईई/एफएफ आंतरिक सामग्री से अक्षम बटन नहीं चाहते हैं। जबकि क्रोम यह तार्किक तरीका करता है :( –

+0

@ माइक ग्रेस: ​​यह क्रोम में मेरे लिए 'बटन' है। _Edit: _ छवि मेरे लिए लोड नहीं हुई थी, लेकिन मुझे लगता है कि आपका क्या मतलब है। – Shef

उत्तर

4

यह, छवियों तक सीमित नहीं है निश्चित रूप से - मैं http://jsfiddle.net/YC5A7/13/ पर अपने कोड फेरबदल और एक साधारण हाइपरलिंक के साथ एक ही परिणाम मिला।

jQuery दस्तावेज़ों के अनुसार, event.target "यह तत्व हो सकता है जो घटना के लिए पंजीकृत है या इसके वंशज हैं।" तो आपके परिणाम उस विधि के इच्छित उद्देश्य के अनुरूप हैं। http://jsfiddle.net/YC5A7/16/

+1

बहुत दिलचस्प है। आपकी सहायताके लिए धन्यवाद! –

संबंधित मुद्दे