Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk menyembunyikan elemen dengan tetikus dalam javascript
Kaedah: 1. Gunakan pernyataan "Element object.click(function(){Hide element object.hide();})" untuk menetapkan klik tetikus untuk menyembunyikan elemen 2. Gunakan "Element object .dblclick(function( ){Hide element object.hide();})" Menetapkan elemen untuk disembunyikan dengan mengklik dua kali tetikus.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi JavaScript 1.8.5, komputer Dell G3.
Dalam JavaScript, acara tetikus ialah jenis acara yang paling biasa digunakan dalam pembangunan web Jenis acara tetikus diperincikan dalam jadual berikut:
kaedah hide() digunakan untuk menyembunyikan elemen yang dipilih jika ia sudah dipaparkan.
Sintaksnya ialah:
$(selector).hide(speed,callback)
kelajuan
Pilihan. Menentukan seberapa cepat sesuatu elemen berubah daripada kelihatan kepada tersembunyi. Lalai ialah "0".
Nilai yang mungkin:
milisaat (cth. 1500)
"lambat"
"biasa"
"cepat"
Apabila menetapkan kelajuan, elemen akan menukar ketinggian, lebar, jidar, padding dan ketelusannya secara beransur-ansur apabila ia berubah daripada kelihatan kepada tersembunyi.
panggilan balik
Pilihan. Fungsi yang akan dilaksanakan selepas fungsi hide dilaksanakan.
Contoh adalah seperti berikut:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn").click(function(){
$(".btn").hide();
});
});
</script>
<style>
.btn{
width:100px;
height:100px;
background:pink;
}
</style>
</head>
<body>
<div class="btn">这是一个要被隐藏的元素</div>
</body>
</html>Hasil keluaran:
Contoh 2:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn").dblclick(function(){
$(".btn").hide();
});
});
</script>
<style>
.btn{
width:100px;
height:100px;
background:pink;
}
</style>
</head>
<body>
<div class="btn">这是一个要被隐藏的元素</div>
</body>
</html>Hasil keluaran :
Perlu klik dua kali untuk menyembunyikan elemen.
Cadangan berkaitan: Tutorial pembelajaran javascript
Atas ialah kandungan terperinci Bagaimana untuk menyembunyikan elemen dengan tetikus dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!