เพิ่มข้อมูลโค้ดต่อไปนี้ในคุณสมบัติของรูปภาพ และป้องกันไม่ให้ลากและเลือกรูปภาพ
img {
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
} เมื่อดับเบิลคลิกที่ข้อความหรือรูปภาพ ข้อความนั้นจะถูกเน้น (เลือกไว้) ผู้ใช้เลือกคุณสมบัติสามารถใช้เพื่อป้องกันสิ่งนี้ เมื่อตั้งค่าคุณสมบัตินี้เป็นไม่มี เราสามารถป้องกันไม่ให้เลือกรูปภาพของเรา (เน้นไว้)
ตัวอย่าง
คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อป้องกันไม่ให้เลือกรูปภาพ -
<!DOCTYPE html>
<html>
<head>
<style>
img {
-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
}
</style>
</head>
<body>
<img src = "https://www.tutorialspoint.com/images/python3.png" alt = "Python" width = "62" height = "62">
</body>
</html> 