एचटीएमएल में कस्टम इवेंट, जावास्क्रिप्ट

Question

मैं एचटीएमएल, जेएस में एक कस्टम इवेंट बनाने की तलाश में हूं।

<input type="text" oncustombind="foo(event);" /> 

मैं ऐसा कैसे बना सकता हूं? 'oncustombind' एक कस्टम इवेंट है जिसे मैं बनाना चाहता हूं। मैं oncustombind विशेषता में परिभाषित समारोह/कोड को कॉल करने में सक्षम होना चाहिए। साथ ही, मुझे ईवेंट ऑब्जेक्ट में कुछ डेटा पास करने की आवश्यकता है।

मैं jquery, YUI जैसे किसी भी पुस्तकालय का उपयोग नहीं करना चाहता।

किसी भी मदद की सराहना की जाएगी।

Answer 1

आप चाहते हैं एक CustomEvent

वे लेकिन ब्राउज़र समर्थन के साथ काम करने के लिए आसान होना चाहिए गरीब है। हालांकि DOM-shim को ठीक करना चाहिए।

var ev = new CustomEvent("someString"); 
var el = document.getElementById("someElement"); 
el.addEventListener("someString", function (ev) { 
    // should work 
}); 
el.dispatchEvent(ev); 

Answer 2

new Function और with का उपयोग करना बुरा व्यवहार है, लेकिन यह निम्नानुसार पूरा किया जा सकता है: http://jsfiddle.net/pimvdb/72GwE/13/।

function trigger(elem, name, e) { 
    var func = new Function('e', 

     'with(document) {' 
    + 'with(this) {' 
    + elem.getAttribute('on' + name) 
    + '}' 
    + '}'); 

    func.call(elem, e); 
} 

निम्नलिखित HTML

:

<input type="text" oncustombind="console.log(e, type, getElementById);" id="x"> 

तो गति प्रदान घटना की तरह:

trigger(document.getElementById('x'), 'custombind', {foo: 123});