Kích hoạt một sự kiện với Prototype

Question

Có ai biết một phương pháp để kích hoạt một sự kiện trong Prototype, như bạn có thể với chức năng kích hoạt của jQuery không?

Tôi đã ràng buộc trình xử lý sự kiện bằng phương pháp quan sát, nhưng tôi cũng muốn có thể kích hoạt sự kiện theo chương trình.

Cảm ơn trước

Answer 1

event.simulate.js phù hợp với nhu cầu của bạn.

Tôi đã sử dụng vài lần này và nó hoạt động như một sự quyến rũ. Nó cho phép bạn tự kích hoạt các sự kiện có nguồn gốc, chẳng hạn như nhấp chuột hoặc di chuột như vậy:

$('foo').simulate('click'); 

Những điều tuyệt vời về việc này là tất cả các xử lý sự kiện đính kèm sẽ vẫn được thực hiện, cũng giống như khi bạn sẽ đã nhấp vào yếu tố chính mình.

Đối với sự kiện tùy chỉnh bạn có thể sử dụng phương thức mẫu chuẩn Event.fire().

Answer 2

Tôi không nghĩ rằng có một xây dựng trong Prototype, nhưng bạn có thể sử dụng (không kiểm tra nhưng ít nhất sẽ giúp bạn đi đúng hướng):

Element.prototype.triggerEvent = function(eventName) 
{ 
    if (document.createEvent) 
    { 
     var evt = document.createEvent('HTMLEvents'); 
     evt.initEvent(eventName, true, true); 

     return this.dispatchEvent(evt); 
    } 

    if (this.fireEvent) 
     return this.fireEvent('on' + eventName); 
} 

$('foo').triggerEvent('mouseover'); 

Answer 3

tôi tìm thấy bài này hữu ích. .. http://jehiah.cz/archive/firing-javascript-events-properly

Nó bao gồm một cách để kích hoạt các sự kiện trong cả Firefox và IE.

function fireEvent(element,event){ 
    if (document.createEventObject){ 
     // dispatch for IE 
     var evt = document.createEventObject(); 
     return element.fireEvent('on'+event,evt) 
    } 
    else{ 
     // dispatch for firefox + others 
     var evt = document.createEvent("HTMLEvents"); 
     evt.initEvent(event, true, true); // event type,bubbling,cancelable 
     return !element.dispatchEvent(evt); 
    } 
} 

Answer 4

Những câu trả lời ở đây là đúng đối với các sự kiện "Bình thường", đó là sự kiện được xác định bởi các User Agent, nhưng đối với các sự kiện tùy chỉnh, bạn nên sử dụng phương pháp "lửa" nguyên mẫu của. ví dụ.

$('something').observe('my:custom', function() { alert('Custom'); }); 
. 
. 
$('something').fire('my:custom'); // This will cause the alert to display