JavaScript判斷按鈕被點擊的方法
更新時間:2015年12月13日 14:04:39 作者:深海的小魚兒
javascript代碼判斷按鈕是否被點擊了在項目中經(jīng)常會遇到這個需求,今天小編抽點時間給大家分享一段代碼關(guān)于javascript判斷按鈕是否被點擊的方法,感興趣的朋友一起學習吧
廢話不多說了,直接給大家貼代碼了。
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("你點擊的是一個按鈕")
}
}
</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判斷按鈕被點擊的方法,希望大家喜歡。
您可能感興趣的文章:
相關(guān)文章
根據(jù)選擇不同的下拉值出現(xiàn)相對應的文本輸入框
根據(jù)用戶選擇不同的下拉值,出現(xiàn)相應的文本輸入框,在某些情況下比較實用,本文為大家寫了個,有需求的朋友可以參考下2013-08-08
JavaScript1.6數(shù)組新特性介紹以及JQuery的幾個工具方法
這篇文章主要是對JavaScript1.6數(shù)組新特性以及JQuery的幾個工具方法進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12
超全面的JavaScript開發(fā)規(guī)范(推薦)
作為一名開發(fā)人員(WEB前端JavaScript開發(fā)),不規(guī)范的開發(fā)不僅使日后代碼維護變的困難,同時也不利于團隊的合作,通常還會帶來代碼安全以及執(zhí)行效率上的問題。本文就主要介紹了關(guān)于Javascript的命名規(guī)范、注釋規(guī)范以及框架開發(fā)的一些問題,需要的朋友可以參考學習。2017-01-01
js中的eval()函數(shù)把含有轉(zhuǎn)義字符的字符串轉(zhuǎn)換成Object對象的方法
下面小編就為大家?guī)硪黄猨s中的eval()函數(shù)把含有轉(zhuǎn)義字符的字符串轉(zhuǎn)換成Object對象的方法。小編覺的挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
Uncaught?SyntaxError:Unexpected?token?'<'?(
這篇文章主要為大家介紹了JS判斷趨近于直線的多邊形(退化多邊形)實例探究,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2024-01-01

