简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Acara tetikus jQuery acara tetikus turun dan tetikus naik

Dalam interaksi pengguna, operasi yang paling mudah dan langsung ialah operasi klik Oleh itu, jQuery menyediakan kaedah pintasan tetikus yang boleh memantau operasi klik tetikus pengguna. Terdapat juga kaedah pintasan tetikus yang sepadan yang boleh memantau klik tetikus pengguna operasi. Penggunaan kedua-dua kaedah adalah serupa. Ambil mousedown() sebagai contoh di bawah

Ia sangat mudah untuk digunakan:

Kaedah 1: $(""). 🎜>

Mengikat Elemen $ele, tanpa sebarang parameter, biasanya digunakan untuk menentukan pencetus peristiwa Ia mungkin jarang digunakan

Mari kita lakukan contoh di bawah perubahan warna teks Apabila tetikus dilepaskan, ia akan bertukar warna lagi

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>事件</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
    <p>php 中文网</p>
    <button>切换</button>


    <script>
      $("button").mousedown(function(){
        $("p").css('color','red');
      })

       $("button").mouseup(function(){
        $("p").css('color','green');
      })

    </script>
</body>
</html>

Apabila tetikus diklik tetapi tidak dilepaskan, warna teks berwarna merah, dan apabila tetikus dilepaskan, ia berwarna hijau.


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>事件</title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <p>php 中文网</p> <button>切换</button> <script> $("button").mousedown(function(){ $("p").css('color','red'); }) $("button").mouseup(function(){ $("p").css('color','green'); }) </script> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  491992 permainan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！