Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk membuat kursor hilang dengan jquery

Bagaimana untuk membuat kursor hilang dengan jquery

青灯夜游
Lepaskan: 2022-06-08 17:14:01
asal
2442 orang telah melayarinya

Dua kaedah: 1. Gunakan css() untuk menetapkan gaya warna kursor, sintaksnya ialah "element.css("caret-color","transparent""); sintaks ialah "elemen. attr("style","warna karet:transparent").

Bagaimana untuk membuat kursor hilang dengan jquery

Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.2.1, komputer Dell G3.

Dalam HTML, anda boleh membuat kursor hilang dengan menetapkan warna kursor kepada lutsinar, iaitu, menambah gaya caret-color:transparent;

Berikut ialah dua cara untuk menetapkan kursor lutsinar masuk; jquery.

Kaedah 1: Gunakan css() untuk menetapkan terus atribut warna karet

Kaedah css() menetapkan atau mengembalikan satu atau lebih atribut gaya elemen yang dipilih .

Hanya tetapkan nilai atribut warna karet kepada telus.

元素对象.css("caret-color","transparent");
Salin selepas log masuk

Contoh:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("input").css("caret-color","transparent");
				});
			});
		</script>
	</head>
	<body>

		<input type="text" /><br><br>
		<button>让光标消失</button>

	</body>
</html>
Salin selepas log masuk

Bagaimana untuk membuat kursor hilang dengan jquery

2. Gunakan attr() untuk menetapkan atribut gaya dan tambah karet- warna: telus; gaya

attr() boleh menetapkan atribut elemen.

Hanya tetapkan atribut gaya dan tambahkan karet-color:transparent;

Contoh:

$(document).ready(function() {
	$("button").click(function() {
		$("input").attr("style","caret-color:transparent");
	});
});
Salin selepas log masuk

Bagaimana untuk membuat kursor hilang dengan jquery

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk membuat kursor hilang dengan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan