Sự kiện tùy chỉnh trong HTML, Javascript

Question

Tôi đang tìm cách tạo sự kiện tùy chỉnh trong HTML, JS.

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

Làm cách nào để tạo một tài khoản như vậy? 'oncustombind' là sự kiện tùy chỉnh mà tôi muốn tạo. Tôi có thể gọi hàm/mã được xác định trong thuộc tính oncustombind. Ngoài ra, tôi cần truyền một số dữ liệu cho đối tượng sự kiện.

Tôi không muốn sử dụng bất kỳ thư viện nào như jquery, YUI.

Mọi trợ giúp sẽ được đánh giá cao.

Answer 1

Bạn muốn có một CustomEvent

Họ nên dễ làm việc với nhưng hỗ trợ trình duyệt nghèo. Tuy nhiên, DOM-shim nên khắc phục điều đó.

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

Answer 2

Thực tiễn không tốt là sử dụng new Function và with, nhưng điều này có thể được thực hiện như sau: 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); 
} 

Với HTML sau:

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

sau đó kích hoạt các sự kiện như:

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