Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Cara menggunakan CSS() untuk menetapkan gaya larangan tetikus dalam jquery

Cara menggunakan CSS() untuk menetapkan gaya larangan tetikus dalam jquery

青灯夜游
青灯夜游asal
2022-05-07 20:30:231990semak imbas

Kaedah: Hanya gunakan CSS() untuk menetapkan nilai atribut gaya tetikus "kursor" kepada "tidak dibenarkan". )" atau "elemen.css({"kursor":"tidak dibenarkan"})".

Cara menggunakan CSS() untuk menetapkan gaya larangan tetikus dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

Untuk menetapkan gaya lumpuhkan tetikus, hanya gunakan atribut kursor.

Hanya gunakan CSS() untuk menetapkan nilai atribut gaya tetikus "kursor" kepada "tidak dibenarkan".

Terdapat dua sintaks tetapan:

元素对象.css("cursor","not-allowed")
元素对象.css({"cursor":"not-allowed"})

Contoh pelaksanaan:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					// $("p").css("cursor","not-allowed");
					$("p").css({"cursor":"not-allowed"});
				});
			});
		</script>
	</head>

	<body>
		<p>一个p元素,让鼠标移动到该元素上</p>
		<button>设置鼠标禁止样式</button>
	</body>

</html>

Cara menggunakan CSS() untuk menetapkan gaya larangan tetikus dalam jquery

Penerangan:

Atribut kursor mentakrifkan bentuk kursor yang digunakan apabila penunjuk tetikus diletakkan dalam sempadan elemen.

Apabila nilai atribut atribut kursor adalah "tidak dibenarkan", bentuk kursor tetikus ialah corak terlarang.

nilai atribut kursor adalah seperti berikut, nilai lalai adalah lalai

TanganKursor menunjukkan sambungan dalam bentuk pembayang (jari) kursor: tunggu;tunggu/jam pasirKursor menunjukkan bahawa program semasa sedang sibuk (biasanya Jam tangan atau jam pasir)kursor: tolong;bantuanKursor menunjukkan bahawa bantuan tersedia di lokasi semasa (biasanya tanda soal atau belon)kursor: no-drop;Tidak boleh dilepaskankursor: no-drop; kursor: teks;Teks/EditKursor menunjukkan bahawa kedudukan semasa ialah kandungan tekskursor: bergerak;Objek boleh alihKursor membayangkan bahawa sesuatu harus dialihkankursor: n-saiz;Ubah saiz ke atas (Utara) Tepi boleh bergerak ke atas (Utara) kursor: s-saiz;Ubah saiz ke bawah (Selatan)Tepi boleh bergerak ke bawah (selatan)kursor: e-saiz;ke arah Kanan ubah saiz (Timur)Pinggir kotak boleh dialihkan ke sebelah kanan (Timur)kursor: w- ubah saiz;Ubah saiz ke kiri (Barat)Tepi boleh bergerak ke kiri (Barat)kursor: ne-resize;Ubah saiz dan kanan (Timur Utara)Kotak petunjuk kursor Tepi boleh dialihkan ke kanan atas (arah timur laut) kursor: nw-resize;

silang;

Crosshair Heart

kursor muncul sebagai crosshair

kursor: penunjuk; jaga IE5, yang hanya mengenali tangan.


Tukar saiz ke atas dan ke kiri (Barat Laut)

Tepi boleh dialihkan ke atas dan ke kiri (Barat Laut)

kursor: se-resize;

Ubah saiz ke bawah ke kanan (Tenggara Tenggara)

Edge can turun ke kanan Move(Tenggara)

kursor: sw-resize;

Ubah Saiz Bawah dan Kiri ( Barat Daya)

Tepi boleh bergerak ke kiri bawah (barat daya)

kursor: auto;

Secara automatik

Pelayar menetapkan kursor

kursor:bukan- dibenarkan;

Dilarang

kursor: tidak dibenarkan;

kursor: kemajuan;

Memproses

kursor: kemajuan;

kursor: lalai ;

Sistem lalai

Keadaan kursor lalai (biasanya anak panah)

kursor: url(' # ');                                                                                                                                                                                                                                                                                                                                 .

Ditentukan pengguna (animasi tersedia)

Sesuaikan kedudukan url kursor

Nota: Sesuaikan selepas menentukan Tambah kursor umum pada penghujung selepas kursor, sekiranya kursor yang ditakrifkan oleh url tidak boleh digunakan

Anda boleh mengatakan bahawa atribut kursor mempunyai begitu banyak nilai , bagaimana untuk mengingatinya? Sebenarnya, anda tidak perlu risau Dalam pembangunan sebenar, kami biasanya hanya menggunakan dua nilai atribut "lalai" dan "penunjuk", dan yang lain biasanya jarang digunakan. Jika anda benar-benar tidak dapat membantu tetapi masih memerlukan sesuatu yang lain, hanya kembali dan semak jadual jenis ini.

[Pembelajaran yang disyorkan:

tutorial video jQuery, pembangunan bahagian hadapan web]

Atas ialah kandungan terperinci Cara menggunakan CSS() untuk menetapkan gaya larangan tetikus dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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