寫在標簽里的移入/懸浮事件實現:
將鼠標移至(懸浮)到某個標簽范圍內觸發事件或提示消息等效果實現的關鍵詞為:onmouseover。
代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <label id="test" onmouseover="alert('裝完B就跑,真TM刺激!')"> 你瞅啥!?過來試試! </label> </body> </html>
實現效果:
如圖所示,當鼠標移至label標簽范圍內的時候會觸發alert事件。
JS實現鼠標移入、移出事件實現代碼如下:
$(document).on('mouseenter', '#aaa', function(){ alert("鼠標移入事件!"); }).on('mouseleave', '#aaa', function(){ alert("鼠標移出事件!"); });