Rumah >hujung hadapan web >html tutorial >Dalam HTML, kaedah untuk menghalang imej daripada boleh diseret atau dipilih tanpa menggunakan JS
Dalam HTML, kaedah untuk menghalang imej daripada boleh diseret atau dipilih tanpa menggunakan JS
- PHPzke hadapan
- 2023-09-03 08:09:061336semak imbas
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;
}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>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!