Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Menghalang Pemilihan Pengguna DIV Tera Air dalam Tindanan Textarea?

Bagaimanakah Saya Boleh Menghalang Pemilihan Pengguna DIV Tera Air dalam Tindanan Textarea?

Barbara Streisand
Lepaskan: 2024-11-28 13:16:12
asal
630 orang telah melayarinya

How Can I Prevent User Selection of a Watermark DIV in a Textarea Overlay?

Melumpuhkan Kebolehpilihan DIV: Penyelesaian Komprehensif

Pernyataan Masalah:

Apabila mereka bentuk kawasan teks tindanan dengan DIV tera air, anda mungkin menghadapi masalah di mana tera air itu kadangkala boleh dipilih oleh pengguna. Matlamatnya adalah untuk menghalang pemilihan ini dan memastikan tera air kekal statik.

Penyelesaian:

Pelanjutan jQuery:

  1. Sertakan sambungan jQuery berikut untuk melumpuhkan pemilihan: $('.button').disableSelection();

Pendekatan CSS:

  1. Gunakan sifat pilihan pengguna dan sifatnya awalan silang pelayar untuk mencapai pemilihan melumpuhkan:

    .button {
        user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
    }
    Salin selepas log masuk

Dengan melaksanakan salah satu daripada penyelesaian ini, DIV tera air akan menjadi tidak boleh dipilih, menghalang interaksi pengguna yang tidak disengajakan yang boleh menjejaskan penampilan tindanan textarea yang diingini.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghalang Pemilihan Pengguna DIV Tera Air dalam Tindanan Textarea?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan