JavaScript - Sự khác nhau giữa trình xử lý sự kiện và người nghe là gì?

Question

Sự khác biệt giữa trình xử lý sự kiện và trình xử lý sự kiện trong JavaScript là gì? Cả hai đều thực hiện một chức năng khi sự kiện xuất hiện. Tôi không thực sự nhận được khi sử dụng trình xử lý sự kiện và thời điểm sử dụng trình xử lý sự kiện.

Answer 1

Không có sự khác biệt; nó chỉ là thuật ngữ khác nhau cho cùng một điều.

Có nhiều cách khác nhau để liên kết các hàm với các phần tử DOM với mục đích xử lý sự kiện, đó là tất cả. Sự khác biệt xuất hiện trở lại khi các tiêu chuẩn trong thông lượng (hoặc chỉ bởi vì những người triển khai là hornery hoặc khó khăn) nhưng cuối cùng các cơ chế cơ bản giống nhau.

Nếu bạn đang nhầm lẫn về những gì sắp xếp đăng ký xử lý sự kiện để sử dụng, bạn có thể:

• Read more about the topic và chọn một cách tiếp cận để sử dụng, có lẽ trên cơ sở trình duyệt bằng trình duyệt;
• Chọn một trong các framework phổ biến JavaScript và sử dụng cơ chế của nó để gắn bộ xử lý

Answer 2

Một handler và một người biết lắng nghe là một trong cùng - chỉ từ đồng nghĩa cho hàm mà sẽ xử lý một sự kiện. "Người xử lý" có lẽ là thuật ngữ được chấp nhận nhiều hơn, và chắc chắn là đúng ngữ nghĩa hơn đối với tôi. Thuật ngữ "người nghe" bắt nguồn từ mã được sử dụng để thêm sự kiện vào một phần tử:

element.addEventListener('click', function() { /* do stuff here*/ }, false); 

Tuy nhiên, bạn có thể thực sự nitpicky và chia hai thành ý nghĩa riêng biệt. Nếu bạn nghiêng, "handler" có thể là thuật ngữ cho hàm sẽ xử lý một sự kiện khi bạn thêm một "listener", do đó người ta có thể có một vài "listeners" sử dụng một "handler" duy nhất. Hãy xem xét:

// handler is synonymous with function 
function someFunction(e) { 
    if (typeof e == 'undefined') 
    alert('called as a function'); 
    else 
    alert('called as a handler'); 
} 


// use someFunction as a handler for a 
// click event on element1 -- add a "listener" 
element.addEventListener('click', someFunction, false); 
// use an anonymous function as a handler for a 
// click event on element1 -- add another "listener" 
element.addEventListener('click', function() { alert('anonymoose'); }, false); 


// use someFunction as a handler for a 
// click event on element2 -- add a "listener" 
element2.addEventListener('click', someFunction, false); 

// call someFunction right now 
someFunction(); 

Vì vậy, trong đoạn mã trên, tôi có 2 "trình xử lý" (someFunction và chức năng ẩn danh) và 3 "người nghe".

Một lần nữa, đây là tất cả ngữ nghĩa - cho tất cả các mục đích thực tế mà người nghe và xử lý thuật ngữ được sử dụng thay thế cho nhau. Nếu cần phân biệt thì một người nghe là là đăng ký một sự kiện sẽ kích hoạt cuộc gọi đến một bộ xử lý (chức năng ).

Làm sạch bùn?