मैं कैसे जांच सकता हूं कि जावास्क्रिप्ट-इवेंटहालर सेट किया गया है या नहीं?

Question

मैं एक जावास्क्रिप्ट समारोह है कि "onclick" कुछ HTML-नोड्स -event सेट मिल गया है - भले ही कि "onclick" -event से पहले स्थापित किया गया है।

मैं कैसे जांच कर सकते हैं कि घटना पहले से ही स्थापित किया गया है, तो मैं जहां यह पहले से ही इनकार कर दिया गया केवल HTML-नोड्स पर घटना सेट करने के लिए मेरी समारोह का विस्तार कर सकते हैं?

Answer 1

चेक, इस तरह:

if(typeof someNode.onclick == "function") { 
    // someNode has an event handler already set for the onclick event... 
} 

वैसे, अगर आप किसी लाइब्रेरी का उपयोग कर रहे हैं, आप तो कहना चाहिए - अगर आप कर रहे हैं, यह आसान/क्लीनर हो सकता है और जो आप के पुस्तकालय के आधार पर अलग-अलग होता है

<script type="text/javascript"> 
    if (undefined == document.getElementById('foo').onclick) 
    { 
     // Add event handler 
    } 
</script> 

Answer 2

<input type="button" id="foo" name="foo" value="bar" /> 

<script type="text/javascript"> 
    alert(document.getElementById('foo').onclick); //undefined 
</script> 

तो क्या आप क्या करना चाहते कुछ इस तरह है

var myListOfAddedEvents = []; 

var realAddEventListener = HTMLElement.prototype.addEventListener; 

HTMLElement.prototype.addEventListener = function(evtType,fn,cap) { 
    myListOfAddedEvents.push(
     {on: this, type: evtType, handler: fn, capture: cap} 
    ); 

    return realAddEventListener.apply(this, arguments); 
}; 

नोट:: ईवेंट हैंडलर्स समारोह के लिए कॉल में अवरोध डालने के <element>.addEventListener() का उपयोग कर संलग्न कि अपरीक्षित कोड है और कुछ काम पड़ सकता है। मैं यह एक ही समारोह सभी तत्व प्रकार द्वारा उपयोग किया जाएगा उम्मीद कर रहा हूँ, लेकिन मैं गलत हो सकता है। इसके अलावा यह केवल आप से पहले कोड के इस बिट चला सकते हैं अगर वे घटनाओं जोड़ना शुरू काम करेंगे। AttachEvent के लिए एक प्रति इसी तरह बनाया जा सकता है।

Answer 3

यह पता लगाने के लिए संभव हो जाना चाहिए: उपयोग कर रहे हैं ...

Answer 4

एक और विकल्प, तत्व

if(!elem.class.match('hasEvent')) 
{ 
    elem.addEventListener(event, function(){}); 
    elem.className = elem.className + ' hasEvent'; 
}