छवि गुणों में निम्न कोड स्निपेट जोड़ें, और छवियों को खींचे जाने और चयनित होने से रोकें।
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>