Tạo các menu ngữ cảnh nhấp chuột phải tùy chỉnh với justContext.js

Mỗi trình duyệt web có một menu ngữ cảnh mặc định. Điều này xuất hiện khi người dùng nhấp chuột phải vào bất cứ đâu trên một trang và nó thường có cùng các tùy chọn, chẳng hạn như “bản sao”, “tiết kiệm”, hoặc là “kiểm tra nguyên tố”.

Với thư viện justContext, bạn có thể xây dựng menu ngữ cảnh chuyên ngành cho bất kỳ yếu tố trên trang web của bạn. Đây có thể là tự động dân cư với bất cứ điều gì bạn thích và bạn có thể viết các chức năng tùy chỉnh để chạy bất cứ khi nào người dùng nhấp vào một tùy chọn trong menu tùy chỉnh của bạn.

Bất kỳ yếu tố trang nào cũng có thể hỗ trợ menu ngữ cảnh của chính nó. Điều này có nghĩa là bạn có thể mục tiêu cá nhân chẳng hạn như trình chiếu hoặc trình phát video HTML5 hoặc bạn có thể nhắm mục tiêu toàn bộ cơ thể trang.

Bạn có toàn quyền kiểm soát chủ đề của menu ngữ cảnh, bao gồm phông chữ, màu sắc, biểu tượng và thậm chí các dấu phân cách để chia menu của bạn thành các phần. Plugin này thực sự cho phép bạn tạo một menu ngữ cảnh đầy đủ từ đầu với bất kỳ tính năng nào bạn thích.

Theo mặc định, justContext đi kèm với hai chủ đề: bóng tối và ánh sáng. Bạn có thể chọn giữa chúng và tìm ra cái nào phù hợp nhất với trang web của bạn.

Mỗi chủ đề có thể được tùy chỉnh bằng cách sử dụng khác nhau Phông chữ Web của Google, không đề cập đến toàn bộ Thư viện phông chữ tuyệt vời được đóng gói theo mặc định.

Kiểm tra bản demo trực tiếp để xem nó trong hành động. Nó hoạt động trong tất cả các trình duyệt ngoại trừ Internet Explorer nhưng điều này không phải là vấn đề khi Microsoft đẩy lên trình duyệt Edge mới.

Tạo menu ngữ cảnh thực tế là một chút khó khăn. Nó yêu cầu một vài lớp CSS và đó là tất cả mã hóa cứng trong HTML vào trang web của bạn.

Đây là một mẫu vật từ repo chính trên GitHub:

  Cắt tỉa
 Sao chép
 Dán
 
 Gói mới
 Lớp mới
 Giao diện mới (một mục bị vô hiệu hóa)

Nếu bạn sẵn sàng tinker với cài đặt bạn có thể làm rất nhiều với plugin này. Nhưng, tôi cũng thừa nhận đó là một tài nguyên đặc thù Điều đó sẽ không có giá trị cho tất cả các trang web.

Bất kể tại sao hoặc làm thế nào bạn sử dụng nó, justContext là tài nguyên tốt nhất tuyệt đối cho tạo menu ngữ cảnh web từ đầu. Tất cả tài liệu có sẵn trên GitHub và plugin miễn phí 100% để sử dụng cho bất kỳ dự án web nào.