當前位置：
首頁 >
html中的点击事件
發布時間：2024/4/17
147
豆豆
生活随笔
收集整理的這篇文章主要介紹了
html中的点击事件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
使用點擊事件寫一個計數器。
onmouseup ： 當鼠標按下，松開的時候觸發事件。 onmousedown： 當鼠標按下的時候觸發事件。onMouseOver: 鼠標經過時觸發 onMouseOut: 鼠標移出時觸發 onMouseMove: 鼠標移動時觸發，這個只要在對應的地方移動就會觸發
onclick: 鼠標點擊時觸發，包含按下與松開兩個動作。
通過以下實例來觀察onmouseup與onmousedown；up時鼠標按下不會變化，松開的時候觸發，而down剛好相反。
?
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>test</title> </head> <body><div><label for="i1">自增計數 </label><input type="text" value="1" id="i1" ><input type="button" value="開始" class="c1" onmouseup="startcount()"></div> </body> <script type="text/javascript">var i = 1;var el1 = document.getElementById("i1");function startcount() {i ++ ;el1.value = i;}</script> </html> View Code?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?轉載于:https://www.cnblogs.com/wxzhe/p/10821323.html
與50位技術專家面對面20年技術見證，附贈技術全景圖總結
以上是生活随笔為你收集整理的html中的点击事件的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 美团笔试1--螺旋矩阵
- 下一篇： css实现元素居中的常见方法