javascript - Soalan mengenai mouseenter
滿天的星座
滿天的星座 2017-07-05 10:59:01
0
2
925
<head>
<style>
    .enter h2{
        border:1px solid;
        background: white;
        position: absolute;
        top: 200px;
    }
   .enter{
           border:1px solid;
           background: #eee;
           width: 500px;
           height: 100px;
   }
</style>
<script type="text/javascript" src="jquery/jquery-3.2.1.js"></script>
</head>
<body>
    <p>只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。</p>
    <p class="enter">
        <h2 >被触发的 Mouseenter 事件:<span></span></h2>
    </p>
<script type="text/javascript">
    x=0;
    y=0;
    $(document).ready(function(){
      $("p.enter").mouseenter(function(){
        $(".enter span").text(y+=1);
      });
    });
</script>
</body>

Apabila saya menggunakan kedudukan mutlak untuk mengalihkan elemen kanak-kanak di bawah, acara itu juga akan dicetuskan apabila melalui elemen kanak-kanak Apa yang berlaku?

滿天的星座
滿天的星座

membalas semua(2)
刘奇

Kedudukan mutlak hanya mengalih keluar elemen daripada aliran biasa dan tidak mengubah struktur pepohon dokumen, jadi elemen anak masih dianggap berada di dalam elemen induk.

Penyelesaian boleh dilakukan untuk menentukan sama ada event.target ialah elemen kanak-kanak, atau mengikat tetikus pada kedua-duanya dan kemudian menghentikanPropagasi dalam elemen kanak-kanak.

滿天的星座

Berdasarkan https://www.w3.org/TR/uievent...

Ejen pengguna MESTI menghantar acara ini apabila peranti penunjuk dialihkan ke sempadan elemen atau salah satu elemen turunannya Jenis acara ini serupa dengan alih tetikus, tetapi berbeza kerana ia tidak berbuih dan TIDAK MESTI dihantar. apabila peranti penunjuk bergerak dari unsur ke sempadan salah satu unsur turunannya.

Terjemahannya ialah:

Apabila sesuatu seperti penuding bergerak ke sempadan unsur, atau sempadan salah satu unsur turunannya, peristiwa masuk tetikus mesti dicetuskan. Apabila penuding bergerak dari unsur ke sempadan salah satu unsur turunannya, acara tetikus tidak boleh dicetuskan.

Jadi jawapan kepada soalan anda ialah ia ditetapkan oleh orang lain bahawa berpindah kepada keturunan juga akan mencetuskan mouseenter

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!