JavaScript代碼判斷點(diǎn)擊第幾個(gè)按鈕
更新時(shí)間：2015年12月13日 13:58:32 作者：keinx
javascript點(diǎn)擊按鈕需求，在項(xiàng)目開(kāi)發(fā)過(guò)程中經(jīng)常遇到，本文通過(guò)一段代碼給大家分享javascript代碼判斷點(diǎn)擊第幾個(gè)按鈕，對(duì)本文感興趣的朋友一起學(xué)習(xí)吧
最近很輕松，項(xiàng)目結(jié)束，趁個(gè)空余時(shí)間寫(xiě)了一段javascript代碼實(shí)現(xiàn)判斷點(diǎn)擊第幾個(gè)按鈕的相關(guān)代碼，具體代碼如下所示：
<html>
<head>
<meta charset='utf-'>
</head>
<body>
<button>第一個(gè)</button>
<button>第二個(gè)</button>
<button>第三個(gè)</button>
<button>第四個(gè)</button>
<button>第五個(gè)</button>
<script>
var but=document.getElementsByTagName('button');
for(i=;i<but.length;i++){
but[i].setAttribute('i',i+);
but[i].onclick=function(){
b=this.getAttribute('i');
alert('這是第'+b+'個(gè)按鈕');
}
}
</script>
</body>
</html>
下面一段代碼給大家介紹JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕后，再過(guò)60秒后才能再次點(diǎn)擊此按鈕
注冊(cè)的時(shí)候需要發(fā)送驗(yàn)證激活帳號(hào)的郵件，為了避免郵件的多次重復(fù)發(fā)送，所以可以在點(diǎn)擊了發(fā)送后，設(shè)置button要過(guò)一段時(shí)間才能繼續(xù)點(diǎn)擊。下面是一個(gè)簡(jiǎn)單的例子：
<html>
<head>
<title>點(diǎn)擊獲取驗(yàn)證碼按鈕后按鈕變灰，倒計(jì)時(shí)一段時(shí)間后又可重復(fù)點(diǎn)擊</title>
</head>
<body>
<input type="button" id="btn" value="免費(fèi)獲取驗(yàn)證碼" />
<script type="text/javascript">
var wait=60;
function time(o) {
if (wait == 0) {
o.removeAttribute("disabled");
o.value="免費(fèi)獲取驗(yàn)證碼";
wait = 60;
} else {
o.setAttribute("disabled", true);
o.value=wait+"秒后可以重新發(fā)送";
wait--;
setTimeout(function() {
time(o)
},
1000)
}
}
document.getElementById("btn").onclick=function(){time(this);}
</script>
</body>
</html>
以上是本文的全部敘述，希望大家喜歡。
相關(guān)文章
分包指的是把一個(gè)完整的小程序項(xiàng)目,按照需求劃分為不同的子包,在構(gòu)建時(shí)打包成不同的分包,用戶(hù)在使用時(shí)按需進(jìn)行加載,下面這篇文章主要給大家介紹了關(guān)于微信小程序分包的相關(guān)資料,需要的朋友可以參考下2022-09-09
很久以前還在學(xué)校的時(shí)候，在網(wǎng)上看到有的關(guān)于js切換的效果我自己會(huì)用 很笨拙的方法試著寫(xiě)出來(lái)2010-11-11
這篇文章主要為大家詳細(xì)介紹了微信小程序工具函數(shù)封裝，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
JavaScript樹(shù)形結(jié)構(gòu)數(shù)組處理之遞歸問(wèn)題
這篇文章主要介紹了JavaScript樹(shù)形結(jié)構(gòu)數(shù)組處理之遞歸問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-06-06
js使用for循環(huán)查詢(xún)數(shù)組中是否存在某個(gè)值
IE8不支持indexOf，因此寫(xiě)一個(gè)for循環(huán)來(lái)判斷是否存在，下面是代碼，經(jīng)測(cè)試還不錯(cuò)2014-08-08
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas仿代碼流瀑布，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
JS簡(jiǎn)單判斷滾動(dòng)條的滾動(dòng)方向?qū)崿F(xiàn)方法
這篇文章主要介紹了JS簡(jiǎn)單判斷滾動(dòng)條的滾動(dòng)方向?qū)崿F(xiàn)方法,涉及javascript針對(duì)scrollTop事件的相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
解構(gòu)就是將聲明的一組變量和與相同結(jié)構(gòu)的數(shù)組或者對(duì)象的元素?cái)?shù)值一一對(duì)應(yīng)，并將變量相對(duì)應(yīng)元素進(jìn)行賦值。本文將詳細(xì)介紹ECMAScript6--解構(gòu)的相關(guān)知識(shí)。下面跟著小編一起來(lái)看下吧2017-03-03
這篇文章主要介紹了js實(shí)現(xiàn)透明度漸變效果的方法,涉及javascript實(shí)現(xiàn)漸變效果的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
用js寫(xiě)了一個(gè)類(lèi)似php的print_r輸出換行功能
因?yàn)閜hp的print_r比較好用同時(shí)js卻沒(méi)有這個(gè)功能于是自己就寫(xiě)了一個(gè)，感興趣的你可不要錯(cuò)過(guò)了哈，希望本文對(duì)你提高知識(shí)有所幫助2013-02-02