Tham số để sử dụng cho sự kiện là gì? làm sao tôi biết?

Question

element.onkeypress = function(e) { 
        if(e.keyCode) { 
         element.keyCode = e.keyCode; 
        } else { 
         element.keyCode = e.charCode; 
        } 
       }; 

Cũng trong kịch bản java, cũng có

<input onChange="a(event)"/> 
<script> 
function a(event) { 
    alert(event.target.value); 
} 
</script> 

là Như một nhận tham số, làm thế nào để tôi biết nếu tôi phải đặt sự kiện cho tham số thay vì e? Ví dụ thứ hai sẽ không hoạt động nếu đó là tham số là bất cứ điều gì khác hơn là sự kiện không phải là cả hai javascript?

Answer 1

function(e) là một hàm bình thường với thông số. Tham số có thể có bất kỳ tên nào bạn muốn.

Bên trong onkeypress, trình duyệt cung cấp sự kiện có thông số đặc biệt luôn được đặt tên event. Nếu bạn chuyển nó đến hàm của riêng bạn, hàm đó có thể sử dụng bất kỳ tên tham số nào mà nó muốn, như mọi khi.

Answer 2

Khi thiết lập cuộc gọi lại sự kiện bằng các tiêu chuẩn hiện đại, máy khách sẽ tự động chuyển tham chiếu tới đối tượng sự kiện vào từng chức năng gọi lại sự kiện. Nó sẽ luôn là đối số đầu tiên.

Bạn không cần phải làm gì để thực hiện điều đó. Tất cả những gì bạn cần làm là nắm bắt tham chiếu và bạn có thể làm điều đó với bất kỳ đối số được đặt tên nào bạn thích. Vì bạn là người nhận đối số, tên bạn chọn không phải khớp với bất kỳ thứ gì. Bạn có thể gọi nó là bất cứ điều gì (đó là một định danh hợp lệ).

Bây giờ, ví dụ của bạn chỉ hoạt động bởi vì trong phạm vi toàn cầu của một trang web đối tượng window cho thấy một đối tượng duy nhất event và đó là những gì a(event) đang truy cập .:

<input onChange="a(event)"/> 
<script> 
    function a(event) { 
    alert(event.target.value); 
    } 
</script> 

Nhưng, đây không phải là hiện đại cách mà các sự kiện sẽ được thiết lập. Thuộc tính sự kiện HTML nội dòng (onclick, onchange, v.v.) không được sử dụng (here's why).

Cách tiếp cận hiện đại như sau và lưu ý rằng việc đăng ký chức năng gọi lại sự kiện (a) không biểu thị bất kỳ điều gì về sự kiện, nhưng chức năng thực tế có thể nhận thông tin cần thiết chỉ bằng cách mong đợi đối số.

document.querySelector("input").addEventListener("change", a); 
 
function a(anyNameIsGoodHere) { 
 
    alert(anyNameIsGoodHere.target.value); 
 
}

<div>Type anything into the text field and then hit TAB</div> 
 
<input>

Answer 3

Khi bạn liên kết một event handler sử dụng một tài sản hoặc on*addEventListener, đối tượng Sự kiện này sẽ được thông qua như là số đầu tiên. Bạn tự đặt tên cho nó như bình thường khi viết một biểu thức hàm hoặc khai báo hàm. Các hạn chế bình thường đối với những gì bạn có thể đặt tên đối số áp dụng (nghĩa là chúng phải là tên định danh hợp lệ). event, e và evt là các tên phổ biến cho biến đó.

Khi bạn liên kết một event handler sử dụng một on*thuộc tính, bạn đang viết chỉ có cơ quan chức năng (ví dụ function (event) { và } được ngụ ý. Các đối tượng sự kiện sẽ có mặt trong biến event.

Answer 4

Khi bạn xác định một chức năng bạn có thể gọi tham số bất cứ điều gì bạn muốn (sự kiện, e, foo, vv ...) và khi bạn gọi hàm, bạn phải sử dụng tên thích hợp của bất cứ điều gì bạn đang truyền cho hàm.

Answer 5

bạn có thể tìm thông số nào được kích hoạt trên sự kiện cụ thể bằng cách thêm console.log ("some text here") sau mỗi sự kiện.

Bạn có thể xem nhật ký của mình trong bảng điều khiển