Dalam HTML, kaedah untuk menghalang imej daripada boleh diseret atau dipilih tanpa menggunakan JS-html tutorial-php.cn

Dalam HTML, kaedah untuk menghalang imej daripada boleh diseret atau dipilih tanpa menggunakan JS

PHPz

Lepaskan： 2023-09-03 08:09:06

ke hadapan

1262 orang telah melayarinya

Dalam HTML, kaedah untuk menghalang imej daripada boleh diseret atau dipilih tanpa menggunakan JS

Tambahkan coretan kod berikut pada sifat imej dan elakkan imej daripada diseret dan dipilih.

img {  
   user-drag: none;  
   user-select: none;
   -moz-user-select: none;
   -webkit-user-drag: none;
   -webkit-user-select: none;
   -ms-user-select: none;
}

Salin selepas log masuk

Apabila anda mengklik dua kali pada teks atau imej, ia akan diserlahkan (dipilih). Atribut pemilihan pengguna boleh digunakan untuk mengelakkan ini. Dengan menetapkan sifat ini kepada tiada kita boleh menghalang imej daripada dipilih (diserlahkan).

Contoh

Anda boleh cuba jalankan kod berikut untuk menghalang imej daripada dipilih -

<!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>

Salin selepas log masuk

Atas ialah kandungan terperinci Dalam HTML, kaedah untuk menghalang imej daripada boleh diseret atau dipilih tanpa menggunakan JS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!