JavaScript判斷按鈕被點(diǎn)擊的方法
更新時(shí)間：2015年12月13日 14:04:39 作者：深海的小魚(yú)兒
javascript代碼判斷按鈕是否被點(diǎn)擊了在項(xiàng)目中經(jīng)常會(huì)遇到這個(gè)需求，今天小編抽點(diǎn)時(shí)間給大家分享一段代碼關(guān)于javascript判斷按鈕是否被點(diǎn)擊的方法，感興趣的朋友一起學(xué)習(xí)吧
廢話不多說(shuō)了，直接給大家貼代碼了。
firfox版：
<HTML>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<HEAD>
<TITLE></TITLE>
<script>
document.onclick=function(e){
var evt=e||window.event;
var tar=evt.target||evt.srcElement;
if( (tar.tagName.toLowerCase()=="input"&&tar.type=="button") || tar.tagName.toLowerCase()=="button"){
alert("你點(diǎn)擊的是一個(gè)按鈕")
}
}
</script>
</HEAD>
<BODY>
<input id="button1" type="button" value="1111"/>
<input id="button2" type="button" value="2222"/>
<input id="button3" type="button" value="3333"/>
<input id="button4" type="button" value="4444"/>
</BODY>
</HTML>
google 瀏覽器版：
<HTML>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<HEAD>
<TITLE></TITLE>
<script>
document.onclick=function()
{ var obj = event.srcElement;
if(obj.type == "button"){
alert(obj.id); }
}
</script>
</HEAD>
<BODY>
<input id="button1" type="button" value="1111"/>
<input id="button2" type="button" value="2222"/>
<input id="button3" type="button" value="3333"/>
<input id="button4" type="button" value="4444"/>
</BODY>
</HTML>
以上是小編給大家分享的JavaScript判斷按鈕被點(diǎn)擊的方法，希望大家喜歡。
您可能感興趣的文章:
- JavaScript 彈出窗體點(diǎn)擊按鈕返回選擇數(shù)據(jù)的實(shí)現(xiàn)
- js實(shí)現(xiàn)點(diǎn)擊注冊(cè)按鈕開(kāi)始讀秒倒計(jì)時(shí)的小例子
- JS/jQuery實(shí)現(xiàn)默認(rèn)顯示部分文字點(diǎn)擊按鈕顯示全部?jī)?nèi)容
- 原生js實(shí)現(xiàn)淘寶首頁(yè)點(diǎn)擊按鈕緩慢回到頂部效果
- JSP for循環(huán)中判斷點(diǎn)擊的是哪個(gè)按鈕
- js點(diǎn)擊button按鈕跳轉(zhuǎn)到另一個(gè)新頁(yè)面
- JavaScript給按鈕綁定點(diǎn)擊事件（onclick）的方法
- javascript實(shí)現(xiàn)點(diǎn)擊按鈕彈出一個(gè)可關(guān)閉層窗口同時(shí)網(wǎng)頁(yè)背景變灰的方法
- JavaScript代碼判斷點(diǎn)擊第幾個(gè)按鈕
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了javascript局部自定義鼠標(biāo)右鍵菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
根據(jù)選擇不同的下拉值出現(xiàn)相對(duì)應(yīng)的文本輸入框
根據(jù)用戶選擇不同的下拉值，出現(xiàn)相應(yīng)的文本輸入框，在某些情況下比較實(shí)用，本文為大家寫(xiě)了個(gè)，有需求的朋友可以參考下2013-08-08
JavaScript1.6數(shù)組新特性介紹以及JQuery的幾個(gè)工具方法
這篇文章主要是對(duì)JavaScript1.6數(shù)組新特性以及JQuery的幾個(gè)工具方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
js輸入中文效果...2006-09-09
這篇文章主要為大家詳細(xì)介紹了js+css實(shí)現(xiàn)計(jì)算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
JS實(shí)現(xiàn)固定在右下角可展開(kāi)收縮DIV層的方法
這篇文章主要介紹了JS實(shí)現(xiàn)固定在右下角可展開(kāi)收縮DIV層的方法,右下角的div層可實(shí)現(xiàn)收縮與展開(kāi)的功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
超全面的JavaScript開(kāi)發(fā)規(guī)范（推薦）
作為一名開(kāi)發(fā)人員（WEB前端JavaScript開(kāi)發(fā)），不規(guī)范的開(kāi)發(fā)不僅使日后代碼維護(hù)變的困難，同時(shí)也不利于團(tuán)隊(duì)的合作，通常還會(huì)帶來(lái)代碼安全以及執(zhí)行效率上的問(wèn)題。本文就主要介紹了關(guān)于Javascript的命名規(guī)范、注釋規(guī)范以及框架開(kāi)發(fā)的一些問(wèn)題，需要的朋友可以參考學(xué)習(xí)。2017-01-01
js中的eval()函數(shù)把含有轉(zhuǎn)義字符的字符串轉(zhuǎn)換成Object對(duì)象的方法
下面小編就為大家?guī)?lái)一篇js中的eval()函數(shù)把含有轉(zhuǎn)義字符的字符串轉(zhuǎn)換成Object對(duì)象的方法。小編覺(jué)的挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
Uncaught?SyntaxError:Unexpected?token?'<'?(
這篇文章主要為大家介紹了JS判斷趨近于直線的多邊形(退化多邊形)實(shí)例探究，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2024-01-01
下面小編就為大家?guī)?lái)一篇遍歷js中對(duì)象的屬性和值的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11