Devdit
 

ห้าม copy รูปบนเว็บไซต์ HTML ด้วย pointer-events CSS

1.3K

สอนเขียนโค้ดห้าม copy รูปบนเว็บไซต์ HTML ด้วยคำสั่ง pointer-events ของภาษา CSS โดยคำสั่งนี้จะเป็นการลบเมนูปกติเวลาที่เราคลิกขวาที่รูป เช่น เมนูบันทึกรูปภาพ และเมนูอื่นๆ ที่เกี่ยวกับการ save รูปภาพ สามารถเขียนคำสั่งได้ดังนี้

 

ตัวอย่าง ห้าม copy รูปบนเว็บไซต์ HTML ด้วย pointer-events CSS

<style>
img {
    pointer-events: none;
}    
</style>
<img src="https://www.devdit.com/favicon-16x16.png">

คำอธิบาย

ห้าม copy รูปบนเว็บไซต์ HTML บทความนี้แนะนำการใช้คำสั่ง pointer-events: none ของภาษา CSS โดยกำหนดให้กับแท็ก img ทั้งหมดของเว็บไซต์ เพื่อห้าม copy รูปบนเว็บไซต์

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ