Zdarzenie niestandardowe w języku HTML, Javascript

Question

Szukam utworzyć niestandardowe wydarzenie w HTML, JS.

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

Jak mogę utworzyć taki? "oncustombind" jest zdarzeniem niestandardowym, które chcę utworzyć. Powinienem móc wywołać funkcję/kod zdefiniowany w atrybucie oncustombind. Ponadto, muszę przekazać niektóre dane do obiektu zdarzenia.

Nie chcę używać żadnych bibliotek, takich jak jquery, YUI.

Każda pomoc będzie głęboko doceniona.

Answer 1

chcesz CustomEvent

Powinny być łatwe do pracy ale wsparcie przeglądarki jest biedny. Jednak DOM-shim powinien to naprawić.

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

Answer 2

Złą praktyką jest używanie new Function i with, ale można to osiągnąć w następujący sposób: 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); 
} 

z następującymi HTML:

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

następnie wywołać zdarzenie jak:

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