Cách vô hiệu hóa click chuột (chuột trái và chuột phải) trên iframe

How to disable click event (left click & right click) on iframe?

Trước đây, Javascript là công cụ duy nhất giúp ta thêm yếu tố tương tác vào website. Tuy nhiên, mọi thứ đã thay đổi từ khi Pointer Events phổ biến rộng rãi. Pointer Events cho phép lập trình viên xác định liệu yếu tố đồ họa có phản ứng với các sự kiện của chuột (mouse event) hay không. Từ đây có rất nhiều ứng dụng hay từ thuộc tính Pointer Events trong CSS, một trong số đó là vô hiệu hóa sự kiện click chuột trên iframe.

Khi sử dụng iframe để nhúng, đặc biệt là để nhúng các tài liệu, file pdf, ebook... một số bạn đã tìm cách chống click chuột phải trên khung iframe bằng Javascript nhưng điều đó dường như là bất khả thi vì chúng ta không thể tác động đến một trang web khác khi không sở hữu chúng. Nhưng bằng cách tận dụng Pointer Events chúng ta có thể thực hiện điều này là vô hiệu hóa click chuột phải trên khung iframe, tuy nhiên Pointer Events cũng vô hiệu hóa luôn cả chuột trái, tức là chúng ta không thể tương tác với khung iframe bằng chuột được nữa... nhưng cũng đáng để thử qua phải không nào.

Cách thực hiện

1Rất đơn giản các bạn hãy nhúng iframe theo cú pháp sau

<iframe width="100%" height="400" style="pointer-events:none;" src="link website/tập tin cần nhúng"></iframe>

2Vậy là xong rồi đấy. Đây là một thủ thuật nhỏ nhưng khá hay phải không nào?

Xem thêm: Cách nhúng và chống nhúng iframe dành cho Blogger

Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!

Created by Iris Tips

• Twitter
• Facebook
• Google+
• LinkedIn
• Pinterest

Iris Tips

Có thể bạn quan tâm