Xử lý sự kiện trong javascript với ví dụ là gì?
|
Tương tác của JavaScript với HTML được xử lý thông qua các sự kiện xảy ra khi người dùng hoặc trình duyệt thao tác trên trang Show
Khi trang tải, nó được gọi là một sự kiện. Khi người dùng nhấp vào một nút, lần nhấp đó cũng là một sự kiện. Các ví dụ khác bao gồm các sự kiện như nhấn phím bất kỳ, đóng cửa sổ, thay đổi kích thước cửa sổ, v.v. Các nhà phát triển có thể sử dụng các sự kiện này để thực thi các phản hồi được mã hóa JavaScript, khiến các nút đóng cửa sổ, thông báo được hiển thị cho người dùng, dữ liệu được xác thực và hầu như bất kỳ loại phản hồi nào khác có thể tưởng tượng được Sự kiện là một phần của Mô hình đối tượng tài liệu (DOM) Cấp 3 và mọi phần tử HTML đều chứa một tập hợp các sự kiện có thể kích hoạt Mã JavaScript Vui lòng xem qua hướng dẫn nhỏ này để hiểu rõ hơn Tham khảo sự kiện HTML. Ở đây chúng ta sẽ thấy một vài ví dụ để hiểu mối quan hệ giữa Sự kiện và JavaScript - onclick Loại sự kiệnĐây là loại sự kiện được sử dụng thường xuyên nhất xảy ra khi người dùng nhấp vào nút bên trái của chuột. Bạn có thể đặt xác nhận, cảnh báo, v.v. , đối với loại sự kiện này Thí dụHãy thử ví dụ sau
đầu raonsubmit Loại sự kiệnonsubmit là sự kiện xảy ra khi bạn cố gắng gửi biểu mẫu. Bạn có thể đặt xác thực biểu mẫu của mình đối với loại sự kiện này Thí dụVí dụ sau đây cho thấy cách sử dụng onsubmit. Ở đây chúng tôi đang gọi một hàm validate() trước khi gửi dữ liệu biểu mẫu tới máy chủ web. Nếu hàm validate() trả về true thì form sẽ được gửi, ngược lại sẽ không gửi dữ liệu Hãy thử ví dụ sau
.......
onmouseover và onmouseoutHai loại sự kiện này sẽ giúp bạn tạo hiệu ứng đẹp mắt với hình ảnh hoặc thậm chí cả với văn bản. Sự kiện onmouseover kích hoạt khi bạn đưa chuột qua bất kỳ phần tử nào và onmouseout kích hoạt khi bạn di chuyển chuột ra khỏi phần tử đó. Hãy thử ví dụ sau
đầu raSự kiện tiêu chuẩn HTML 5Các sự kiện HTML 5 tiêu chuẩn được liệt kê ở đây để bạn tham khảo. Tập lệnh ở đây chỉ ra một chức năng Javascript sẽ được thực thi đối với sự kiện đó Một sự kiện là một hành động xảy ra theo hướng dẫn của người dùng dưới dạng đầu vào và đưa ra phản hồi đầu ra. Chúng ta có thể xem xét các loại đầu vào khác nhau, chẳng hạn như nhấp chuột, nhấn nút và khi người dùng nhấn tab và hộp văn bản thay đổi. Trong Javascript, khi người dùng nhấn nút, nó sẽ hoạt động theo yêu cầu và cung cấp phản hồi cho người dùng ở dạng đầu ra. JavaScript triển khai một thành phần được gọi là trình xử lý sự kiện giúp bạn xác nhận một hành động nhất định đối với các sự kiện. Trình xử lý sự kiện là một phần mã có thể được coi là hàm JavaScript do người dùng xác định hoạt động khi một sự kiện cụ thể kích hoạt. Chúng ta có thể định nghĩa nó là đăng ký của một trình xử lý sự kiện và có thể coi nó như một trình xử lý sự kiện thực hiện và lắng nghe như một sự kiện và trả về kết quả Chương trình sau đại học. Phát triển web đầy đủ ngăn xếphợp tác với Caltech CTME Đăng ký ngayCác loại JavaScriptTại đây, chúng tôi có thể định nghĩa nhiều loại JavaScript khác nhau, có thể giúp các nhà phát triển ứng dụng phát triển logic thành các chức năng nhất định. Trước khi hiểu sâu hơn về các loại sự kiện Javascript, chúng ta cần tìm hiểu cách phân loại JavaScript bên dưới
Người nghe sự kiện phổ biếnSau đây là danh sách các định nghĩa của trình nghe JavaScript có các loại phương thức cụ thể
Dưới đây là các loại JavaScript với các ví dụ về cú pháp mã
Chúng tôi có thể định nghĩa nó là một sự kiện chuột kích thích theo logic mã mà bạn xác định trong mã của mình. Đây là đoạn mã chúng ta có thể sử dụng Mã số <. loại tài liệu html> <đầu> chức năng Chào() { cảnh báo ('Xin chào thế giới. '); }
|