html中的点击事件
生活随笔
收集整理的這篇文章主要介紹了
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)題。
- 上一篇: 美团笔试1--螺旋矩阵
- 下一篇: css实现元素居中的常见方法