Làm cách nào để kiểm tra xem Trình tạo sự kiện JavaScript đã được đặt?

Question

Tôi đã có một hàm JavaScript đặt "onclick" -event của một số HTML-Node - ngay cả khi "onclick" -event đã được đặt trước đó.

Làm cách nào tôi có thể kiểm tra xem sự kiện đó đã được đặt chưa, vì vậy tôi có thể mở rộng chức năng của mình để đặt sự kiện chỉ trên các nút HTML mà nó chưa được đặt?

Answer 1

Kiểm tra, như thế này:

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

Bằng cách này, nếu bạn đang sử dụng một thư viện, bạn nên nói như vậy - nếu bạn đang có, nó có thể được dễ dàng hơn/sạch hơn và sẽ khác nhau trên cơ sở đó thư viện bạn đang sử dụng ...

Answer 2

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

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

Vì vậy, những gì bạn muốn làm là một cái gì đó như thế này:

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

Answer 3

Nó phải là có thể phát hiện xử lý sự kiện gắn liền sử dụng <element>.addEventListener() bằng cách chặn cuộc gọi đến các chức năng:

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); 
}; 

Lưu ý: Đó là mã chưa được kiểm tra và có thể cần một số công việc. Tôi là hy vọng cùng chức năng này sẽ được tất cả các loại phần tử sử dụng, nhưng tôi có thể sai. Ngoài ra, nó sẽ chỉ hoạt động nếu bạn có thể chạy bit này mã trước khi chúng bắt đầu thêm sự kiện. Một bản sao cho attachEvent có thể được xây dựng tương tự.

Answer 4

thay thế khác, thêm lớp để yếu tố

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