ছবির বৈশিষ্ট্যগুলিতে নিম্নলিখিত কোড স্নিপেট যোগ করুন এবং ছবিগুলিকে টেনে আনা এবং নির্বাচন করা থেকে বিরত রাখুন৷
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> 