鼠標移入移出事件


JS給網頁添加交互、功能、修改樣式。

復選框:<input type="checkbox" />

鼠標提示框:①將鼠標移入復選框,div顯示-display:block;②鼠標移出復選框,div隱藏-display:none;

事件:用戶的操作,onmouseover:鼠標移入事件,onmouseout:鼠標移出事件

<input type="checkbox"  onmouseover="div1.style.display='block';" onmoseout="div1.style.dislplay='none';" /> <div id='div1' style="display:none;">Testing MouseEvent</div>

寫個兼容:針對ID not defined,在用到ID時,如果不用變量代替的話,就這么寫:document.getElementById('某ID')

例如上邊用到div的id:div1,可以這樣寫:

onmouseover="document.getElementById('div1').style.display=''block';"


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM