<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?
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...
Terjemahannya ialah:
Jadi jawapan kepada soalan anda ialah ia ditetapkan oleh orang lain bahawa berpindah kepada keturunan juga akan mencetuskan mouseenter