當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

html中的点击事件

發(fā)布時(shí)間：2024/4/17 编程问答 135 豆豆

生活随笔收集整理的這篇文章主要介紹了 html中的点击事件小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

使用點(diǎn)擊事件寫(xiě)一個(gè)計(jì)數(shù)器。

onmouseup ：當(dāng)鼠標(biāo)按下，松開(kāi)的時(shí)候觸發(fā)事件。 onmousedown：當(dāng)鼠標(biāo)按下的時(shí)候觸發(fā)事件。
onMouseOver: 鼠標(biāo)經(jīng)過(guò)時(shí)觸發(fā) onMouseOut: 鼠標(biāo)移出時(shí)觸發(fā) onMouseMove: 鼠標(biāo)移動(dòng)時(shí)觸發(fā)，這個(gè)只要在對(duì)應(yīng)的地方移動(dòng)就會(huì)觸發(fā)
onclick: 鼠標(biāo)點(diǎn)擊時(shí)觸發(fā)，包含按下與松開(kāi)兩個(gè)動(dòng)作。

通過(guò)以下實(shí)例來(lái)觀察onmouseup與onmousedown；up時(shí)鼠標(biāo)按下不會(huì)變化，松開(kāi)的時(shí)候觸發(fā)，而down剛好相反。

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>test</title> </head> <body><div><label for="i1">自增計(jì)數(shù) </label><input type="text" value="1" id="i1" ><input type="button" value="開(kāi)始" 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

轉(zhuǎn)載于:https://www.cnblogs.com/wxzhe/p/10821323.html

與50位技術(shù)專家面對(duì)面20年技術(shù)見(jiàn)證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的html中的点击事件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

事件
html