JavaScript判斷按鈕被點擊的方法
更新時間：2015年12月13日 14:04:39 作者：深海的小魚兒
javascript代碼判斷按鈕是否被點擊了在項目中經(jīng)常會遇到這個需求，今天小編抽點時間給大家分享一段代碼關于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判斷按鈕被點擊的方法，希望大家喜歡。
相關文章
我們在學到js中數(shù)組的時候,我們會接觸到js中數(shù)組的一些方法這些方法對我們來說,可以很便利的達到我們想要的結果,下面這篇文章主要給大家介紹了關于javascript中搜索數(shù)組的四種方法,需要的朋友可以參考下2022-12-12
基于 Immutable.js 實現(xiàn)撤銷重做功能的實例代碼
這篇文章主要介紹了基于 Immutable.js 實現(xiàn)撤銷重做功能及一些需要注意的地方,需要的朋友可以參考下2018-03-03
這篇文章主要介紹了JavaScript enum枚舉類型定義及使用方法,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-05-05
indexOf()函數(shù)用于查找子字符串在當前字符串中第一次出現(xiàn)的位置。該函數(shù)屬于String對象，所有主流瀏覽器均支持該函數(shù)。下面我們就來詳細探討下javascript的index0f()函數(shù)2015-05-05
這篇文章主要介紹了js完全解析url和拼接,需要的朋友可以參考下2022-05-05
這篇文章主要介紹了javaScript 邏輯運算符使用技巧整理的相關資料,需要的朋友可以參考下2017-05-05
眾所周知window.open() 函數(shù)可以用來打開一個新窗口，那么如何在子窗體中向父窗體傳值呢，其實通過window.opener即可獲取父窗體的引用。2009-09-09
JavaScript實現(xiàn)數(shù)字前補“0”的五種方法示例
這篇文章主要介紹了JavaScript實現(xiàn)數(shù)字前補“0”的五種方法,結合具體實例形式分析了javascript數(shù)字前補0的相關操作技巧,涉及javascript字符串遍歷、迭代、截取、構造等操作,需要的朋友可以參考下2019-01-01
js中數(shù)組結合字符串實現(xiàn)查找(屏蔽廣告判斷url等)
這篇文章主要介紹了js中數(shù)組結合字符串實現(xiàn)查找(屏蔽廣告判斷url等),需要的朋友可以參考下2016-03-03
最長公共子序列（longest common sequence）和最長公共子串（longest common substring）不是一回事兒，下面這篇文章主要給大家介紹了關于javascript實現(xiàn)最長公共子序列的相關資料，需要的朋友可以參考下。2018-02-02