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

Bạn có thể vô hiệu hóa nhấp chuột phải và kéo hình ảnh trên các trang đối mặt với máy khách của mình. Nhấp chuột phải có thể được định cấu hình bằng cài đặt Văn phòng hỗ trợ. Có thể tắt tính năng kéo bằng cách thêm tập lệnh – cả hai đều được giải thích bên dưới

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

Nếu bạn muốn ngăn chức năng nhấp chuột phải vào hình ảnh trang web của mình (hoặc nhấp và giữ trên máy Mac), hãy chuyển đến Cấu hình trang web trong Văn phòng chính. Sau đó bấm vào Cài đặt chung ở thanh bên. Mở phần Cài đặt chung. Ở đầu phần này, bạn có thể chọn bất kỳ tùy chọn nào sau đây trong hộp thả xuống

• A) Không tắt nhấp chuột phải vào hình ảnh
• B) Vô hiệu hóa nhấp chuột phải vào hình ảnh ngoại trừ comps
• C) Vô hiệu hóa nhấp chuột phải vào hình ảnh ngoại trừ comps và xem trước

Vô hiệu hóa nhấp chuột phải vào tất cả các hình ảnh cũng sẽ vô hiệu hóa nhấp chuột phải vào hình ảnh đang biên dịch. Tuy nhiên, tùy chọn B cho phép người dùng của bạn lưu hình ảnh đang biên dịch từ menu ngữ cảnh của trình duyệt xuất hiện khi bạn nhấp chuột phải (hoặc nhấp và giữ trên máy Mac)

Để tắt hoàn toàn nhấp chuột phải vào tất cả các hình ảnh trang web, bạn có thể thêm tập lệnh vào đối tượng máy khách trong trình chỉnh sửa mã. Có nhiều cách để đạt được điều này, đây là một ví dụ

Vô hiệu hóa kéo hình ảnh

Để ngăn hình ảnh bị kéo từ trang web của bạn, bạn có thể thêm tập lệnh. Có rất nhiều giải pháp mà bạn có thể tìm thấy nó bạn Google nó. Dưới đây là một ví dụ đơn giản

Lưu ý rằng điều này vô hiệu hóa việc kéo tất cả các hình ảnh. Bạn cũng có thể thêm tập lệnh chỉ ảnh hưởng đến một số trang nhất định hoặc một số loại hình ảnh nhất định. Ví dụ: hình ảnh thu nhỏ trên trang kết quả tìm kiếm nằm trong div HTML có id searchresults. Để tắt tính năng kéo chỉ hình ảnh trong div đó, bạn có thể sử dụng

Đoạn dưới đây giải thích nơi thêm tập lệnh này

Nơi thêm tập lệnh

đề nghị đọc. Sử dụng trình chỉnh sửa Mã, Sử dụng Javascript trong các trang của bạn

Trong trình chỉnh sửa mã, tải tập lệnh Client script. Nếu mẫu vẫn còn trống, hãy nhấp vào Tải ví dụ và tải khung mặc định

Đối tượng máy khách sẽ trông giống như mã bên dưới (lưu ý rằng nó có thể có nhiều chức năng hơn là chỉ có chức năng init()). Tập lệnh vô hiệu hóa thao tác kéo và nhấp chuột phải được thêm vào bên trong hàm init()

Trong hướng dẫn này, chúng ta sẽ tìm hiểu về cách tắt nhấp chuột phải vào Hình ảnh trong JavaScript. Vô hiệu hóa nhấp chuột phải vào hình ảnh có thể giúp bạn bảo vệ hình ảnh của mình bằng cách ngăn tải xuống hình ảnh dễ dàng

Bạn cũng có thể thấy

• Tắt nhấp chuột phải, sao chép, cắt trên trang web bằng jQuery
• Tắt nút HTML sau khi nhấp vào nút đó trong JavaScript

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

Javascript cung cấp nhiều chức năng và phương pháp khác nhau để tắt nhấp chuột phải vào hình ảnh. Chúng ta sẽ học bằng hai phương pháp thường được sử dụng

• Sử dụng phương thức liên kết ()
• Sử dụng phương thức addEventListener()

Hàm bind() Phương thức

Hàm Bind() được sử dụng để tạo một hàm mới. Một hàm có từ khóa riêng được đặt thành giá trị được cung cấp, với một chuỗi đối số nhất định

Cú pháp của phương thức bind() như sau

function.bind(thisArg [, arg1[, arg2[, ...]]]

Đây là phương pháp rất dễ thực hiện. Chỉ cần thêm tập lệnh vào thẻ đầu của bạn để sử dụng

Trong mã này, tôi đã sử dụng một hình ảnh đã có trên màn hình của mình. Ở đây chúng ta đã gọi phương thức bind() của hàm. Hàm trả về một câu lệnh Sai để tắt nhấp chuột phải

Trong một trong những bài viết trước của tôi, chúng ta đã thảo luận về cách Vô hiệu hóa CTRL+U, CTRL+C và Nhấp chuột phải trên một trang Web và hướng dẫn hôm nay là tất cả về cách vô hiệu hóa nhấp chuột phải và kéo vào hình ảnh bằng cách sử dụng jQuery trên bất kỳ trang web nào.

Tôi thường nhận được yêu cầu từ bạn bè và khách hàng là blogger của mình để bảo mật ảnh trên trang web của họ và ngăn mọi người tải xuống hoặc lưu chúng. Hầu hết họ muốn tôi cập nhật trang web để tránh người dùng nhấp chuột phải vào hình ảnh và lưu hình ảnh hoặc kéo hình ảnh vào Máy tính hoặc ứng dụng của họ như Photoshop

Được rồi, nhưng tại sao bạn nên tắt nhấp chuột phải và kéo vào ảnh trong blog hoặc trang web của mình?

Không có lý do cụ thể để bạn làm điều này. Cá nhân tôi không khuyên bạn nên sử dụng tập lệnh này để tắt hình ảnh nhấp chuột phải vì nó làm giảm chất lượng trải nghiệm người dùng. Hơn nữa, nó sẽ rất khó chịu cho nhiều người dùng. Hãy nhớ rằng mục đích chính của trang web của bạn là cung cấp giá trị cho người dùng của bạn

Ngay cả khi bạn đã quen thuộc với một chút bộ chọn jQuery và CSS, bạn có thể chỉnh sửa tập lệnh để tắt hoặc bật nhấp chuột phải và kéo vào bất kỳ loại phần tử HTML nào. Bạn có thể tắt nhấp chuột phải vào hình ảnh với một lớp đặc biệt của một thành phần cụ thể

Làm cách nào để thêm tập lệnh?

Nếu bạn muốn thêm tập lệnh này vào blog của mình, thì đây là tập lệnh bạn có thể sử dụng để tắt nhấp chuột phải khi kéo vào hình ảnh. Tập lệnh này hoạt động dựa trên jQuery, nhưng điều kiện là blog của bạn phải được cài đặt plugin jQuery. Nếu không, hãy thêm plugin jQuery bên dưới vào phía trên thẻ trong blog hoặc trang web của bạn

Bây giờ, đã đến lúc thêm tập lệnh jQuery sẽ tắt nhấp chuột phải và kéo vào hình ảnh trên trang web blog của bạn. Tất cả những gì bạn phải làm là thêm đoạn mã dưới đây phía trên thẻ trong HTML của blog/trang web của bạn

Đó là nó. Bây giờ hãy truy cập trang web của bạn và thử nhấp chuột phải vào bất kỳ hình ảnh nào và xem tập lệnh này hoạt động như thế nào

Có cách nào khác để làm điều đó?

Ngoài ra, Đây là một cách khác mà bạn có thể sử dụng để tắt nhấp chuột phải vào hình ảnh bằng Javascript (Có, Javascript. Không phải jQuery). Nếu bạn không muốn thêm tập lệnh jQuery ở trên vào blog của mình hoặc chỉ muốn tắt nhấp chuột phải và không kéo, thì có một cách khác

Tuy nhiên, bạn cũng có thể xóa chức năng vô hiệu hóa thao tác kéo khỏi tập lệnh trên, nhưng bạn chỉ cần sử dụng mã Javascript bên dưới mà bạn phải dán trước thẻ vào HTML của blog hoặc trang web của mình

Làm cách nào để tắt CSS nhấp chuột phải?

Làm cách nào để tắt hình ảnh trong JavaScript?

Làm cách nào để tắt nhấp chuột phải trong IFrame bằng JavaScript?