# 14: Sự kiện tùy chỉnh - Thủ thuật CSS

Anonim

Vì chúng ta vừa nói về các sự kiện nên bây giờ là thời điểm tốt để đề cập đến các sự kiện tùy chỉnh. Tất cả những sự kiện mà chúng ta đã nói cho đến nay đều là những sự kiện “có thật” để nói. Các sự kiện bắt nguồn trong DOM dựa trên những điều thực tế xảy ra, chẳng hạn như một lần nhấp hoặc nhấn phím. Những sự kiện này có thể được “kích hoạt” giả tạo trong jQuery. Ví dụ: để "giả" một lần nhấp vào nút, bạn có thể làm:

$("#some-button").trigger("click");

Sau đó, bất kỳ trình xử lý nhấp chuột nào liên kết với nút đó sẽ kích hoạt như thể người dùng thực sự nhấp vào nút đó. Nhưng điều gì sẽ xảy ra nếu chúng tôi đã làm:

$("#some-button").trigger("dance");

Điều gì xảy ra sau đó? "Khiêu vũ" không phải là một sự kiện "thực". Nhưng sẽ không có lỗi nào được ném ra. Nó chỉ xảy ra như vậy có lẽ không có bất kỳ trình xử lý "khiêu vũ" nào bị ràng buộc với nút đó. Nhưng có thể có và đó về cơ bản là những gì một sự kiện tùy chỉnh. Một sự kiện có tên mà bạn chỉ tạo ra.

Tại sao bạn lại làm vậy? Chủ yếu là lý do tổ chức. Có lẽ bạn muốn tách biệt JavaScript xử lý các sự kiện và hành động và JavaScript xử lý dữ liệu và nội dung quản trị. Điều đó rất hợp lý. Nếu nút này có lẽ là nút "Lưu cài đặt", bạn có thể chỉ cần kích hoạt một sự kiện tùy chỉnh có tên "lưu cài đặt" và ở nơi khác có một trình xử lý chờ sự kiện đó kích hoạt và thực hiện lưu dữ liệu. Về cơ bản, đó là những gì chúng tôi đã làm trong ví dụ từ video.

Một trường hợp sử dụng khác cho các sự kiện tùy chỉnh là tạo các thành phần giao diện người dùng chung. Tôi nói về điều đó trong bài đăng trên blog này.

Có lẽ bạn đang tạo hiệu ứng đàn accordion như một thành phần giao diện người dùng. Đàn accordion thực hiện những gì mà tất cả các đàn accordion đối với, mở và đóng các bảng điều khiển khi nhấp / chạm. Thành phần giao diện người dùng của bạn thực hiện điều đó rất độc đáo. Giờ đây, một nhà phát triển sử dụng đàn accordion đó có thể có những điều đặc biệt và độc đáo mà họ muốn xảy ra với nó. Giả sử họ đang sử dụng đàn accordion để cài đặt tài khoản và khi người dùng đóng một bảng điều khiển, họ muốn lưu dữ liệu từ các thành phần biểu mẫu trong bảng điều khiển đó. Một mô hình truyền thống có thể dành cho tác giả của thành phần giao diện người dùng accordion đó để cung cấp các chức năng gọi lại khi hành động đó xảy ra. Khi bạn khởi tạo đàn accordion, bạn chuyển các hàm gọi lại mà bạn muốn gọi khi những điều đó xảy ra. Đó là một con đường để đi xuống. Một con đường khác dành cho đàn accordion chỉ tự động kích hoạt các sự kiện tùy chỉnh cho tất cả các hành động liên quan mà nó thực hiện.Khi bảng điều khiển đó đóng lại, nó có thể bắn rapanelClosedsự kiện trên chính phần tử đàn accordion. Sau đó, các nhà phát triển làm việc với nó có thể liên kết với những sự kiện đó. Đó chỉ là một con đường khác mà bạn có thể đi xuống vì lý do tổ chức có thể khá thanh lịch.