Cách tắt nhấp chuột phải trong trang html

Question

Trong bài viết này tôi sẽ cung cấp mã để vô hiệu hóa/hạn chế/ngăn chuột phải trong trang web bằng JavaScript và jQuery

Nội dung chính Show

Vô hiệu hóa nhấp chuột phải vào hình ảnh
Vô hiệu hóa nhấp chuột phải vào trang web
Hiển thị cảnh báo khi nhấp chuột phải
jQuery Bài tập thực hành Phần I. Bài tập-3
Làm thế nào để vô hiệu hóa quyền
Làm thế nào để vô hiệu hóa quyền
Tôi có nên vô hiệu hóa quyền

Mã phải được sao chép trong phần ĐẦU trang web của bạn và nó sẽ vô hiệu hóa/hạn chế/ngăn nhấp chuột phải bằng JavaScript và jQuery

Giải trình

Đoạn mã sau phải được sao chép trong phần Đầu của Trang Web

Tập lệnh vô hiệu hóa ba sự kiện sau để tắt Nhấp chuột phải trong trình duyệt

TrênChuộtXuống

Trước tiên, tập lệnh kiểm tra xem tài liệu có các lớp hay không và nếu có thì sự kiện OnMouseDown được ghi lại và bên trong trình xử lý sự kiện của nó, sự kiện sẽ bị hủy bằng cách sử dụng return false

TrênChuộtLên

Và nếu tài liệu không có các lớp thì bên trong trình xử lý sự kiện OnMouseUp, trước tiên, Nút chuột được nhấp sẽ được xác định và nếu Nút ở giữa hoặc Phải thì sự kiện sẽ bị hủy bằng cách sử dụng return false

Đôi khi cần phải ngăn không cho hình ảnh trang web của bạn bị sao chép bởi trang khác. Bạn có thể bảo mật hình ảnh của mình bằng cách tắt nhấp chuột phải hoặc chỉ tắt menu ngữ cảnh hình ảnh trên hình ảnh. Đây là một cách tiếp cận hiệu quả để ngăn hình ảnh của bạn bị sao chép hoặc đánh cắp. Ở đây tôi sẽ chia sẻ các thủ thuật làm thế nào bạn có thể đạt được điều này. Thủ thuật này sẽ chỉ vô hiệu hóa nhấp chuột phải vào hình ảnh. Thêm trình xử lý sự kiện bên dưới vào thẻ img hoặc hình ảnh như hình bên dưới

Vô hiệu hóa nhấp chuột phải vào hình ảnh

Ghi chú

Không thể ngăn chặn hoàn toàn hình ảnh bị đánh cắp vì có rất nhiều công cụ và phần mềm mà qua đó bất kỳ ai cũng có thể đánh cắp hình ảnh của bạn. Nhưng một cái gì đó tốt hơn là không có gì

Vô hiệu hóa nhấp chuột phải vào trang web

Tương tự, chúng ta có thể tắt nhấp chuột phải trên toàn bộ trang bằng cách thêm trình xử lý oncontextmenu vào thẻ body của trang web. Bây giờ, điều này sẽ vô hiệu hóa nhấp chuột phải vào từng điều khiển của trang web.

 

...


...

Hiển thị cảnh báo khi nhấp chuột phải

..

Cách tắt nhấp chuột phải trong trang html

Tóm lược

Trong bài viết này, tôi giải thích cách bạn có thể tắt nhấp chuột phải vào trang web và hình ảnh. Tôi hy vọng sau khi đọc bài viết này, bạn sẽ có thể làm điều này. Tôi muốn có thông tin phản hồi từ độc giả blog của tôi. Vui lòng gửi phản hồi, câu hỏi hoặc nhận xét của bạn về bài viết này

jQuery. Tắt menu chuột phải trong trang htmlCập nhật lần cuối vào ngày 19 tháng 8 năm 2022 21. 50. 45 (UTC/GMT +8 giờ)

jQuery Bài tập thực hành Phần I. Bài tập-3

Tắt menu chuột phải trong trang html bằng jquery

Giải pháp mẫu

Mã HTML





  
  Disable right click menu in html page using jquery

Mã JavaScript

$(document).bind("contextmenu",function(e){
  return false;
    });

Xem Bút jquery-practical-exercise-3 của w3resource (@w3resource) trên CodePen

Đóng góp mã và nhận xét của bạn thông qua Disqus

Trước. Cuộn lên đầu trang bằng jQuery.
Tiếp theo. Tắt/bật nút gửi biểu mẫu.

Mức độ khó của bài tập này là gì?

Dễ dàng trung bình khó

Kiểm tra kỹ năng Lập trình của bạn với bài kiểm tra của w3resource

Theo dõi chúng tôi trên Facebook và Twitter để cập nhật thông tin mới nhất.

bài tập. Top 16 chủ đề phổ biến nhất hàng tuần
Bài tập SQL, Thực hành, Lời giải - THAM GIA
Bài tập, Thực hành, Giải pháp SQL - SUBQUERIES
JavaScript cơ bản - Bài tập, Thực hành, Lời giải
Mảng Java. Bài tập, Luyện tập, Lời giải
Bài Tập Lập Trình C, Thực Hành, Lời Giải. Tuyên bố có điều kiện
Cơ sở dữ liệu nhân sự - SORT FILTER. Bài tập, Luyện tập, Lời giải
Bài Tập Lập Trình C, Thực Hành, Lời Giải. Chuỗi
Kiểu dữ liệu Python. Từ điển - Bài tập, Thực hành, Lời giải
Câu đố lập trình Python - Bài tập, Thực hành, Giải pháp
Mảng C++. Bài tập, Luyện tập, Lời giải
Câu lệnh điều kiện và vòng lặp JavaScript - Bài tập, Thực hành, Lời giải
Thuật toán cơ bản C# Sharp. Bài tập, Luyện tập, Lời giải
Python Lambda - Bài tập, Thực hành, Giải pháp
Khung dữ liệu Python Pandas. Bài tập, Luyện tập, Lời giải
Công cụ chuyển đổi
JavaScript. Xác thực biểu mẫu HTML

Làm thế nào để vô hiệu hóa quyền

Để tắt nhấp chuột phải vào trang của bạn, bạn cần thêm sự kiện oncontextmenu và "return false" vào trình xử lý sự kiện . Nó sẽ chặn tất cả quyền truy cập vào menu ngữ cảnh khi nhấp chuột phải.

Làm thế nào để vô hiệu hóa quyền

Câu trả lời của bạn . tài liệu. addEventListener('contextmenu', sự kiện => sự kiện. adding an event listener for the "contextmenu" event and calling the preventDefault() method: document. addEventListener('contextmenu', event => event.

Tôi có nên vô hiệu hóa quyền

Bằng cách tắt nhấp chuột phải, bạn sẽ ngăn chặn kẻ trộm lấy cắp nội dung và hình ảnh của bạn . Loại bỏ nhấp chuột phải cũng có thể ngăn chặn hành vi độc hại của liên kết nóng hình ảnh. Nó liên quan đến việc đánh cắp hình ảnh của bạn và nhúng chúng vào một trang web khác và sử dụng tài nguyên máy chủ của bạn để hiển thị những hình ảnh đó.

programming html

Cách tắt nhấp chuột phải trong trang html

Vô hiệu hóa nhấp chuột phải vào hình ảnh

Ghi chú

Vô hiệu hóa nhấp chuột phải vào trang web

Hiển thị cảnh báo khi nhấp chuột phải

Tóm lược

jQuery Bài tập thực hành Phần I. Bài tập-3

Làm thế nào để vô hiệu hóa quyền

Làm thế nào để vô hiệu hóa quyền

Tôi có nên vô hiệu hóa quyền

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội