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)文章
基于 Immutable.js 實(shí)現(xiàn)撤銷(xiāo)重做功能的實(shí)例代碼
這篇文章主要介紹了基于 Immutable.js 實(shí)現(xiàn)撤銷(xiāo)重做功能及一些需要注意的地方,需要的朋友可以參考下2018-03-03Javascript 兩個(gè)窗體之間傳值實(shí)現(xiàn)代碼
眾所周知window.open() 函數(shù)可以用來(lái)打開(kāi)一個(gè)新窗口,那么如何在子窗體中向父窗體傳值呢,其實(shí)通過(guò)window.opener即可獲取父窗體的引用。2009-09-09JavaScript實(shí)現(xiàn)數(shù)字前補(bǔ)“0”的五種方法示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)數(shù)字前補(bǔ)“0”的五種方法,結(jié)合具體實(shí)例形式分析了javascript數(shù)字前補(bǔ)0的相關(guān)操作技巧,涉及javascript字符串遍歷、迭代、截取、構(gòu)造等操作,需要的朋友可以參考下2019-01-01js中數(shù)組結(jié)合字符串實(shí)現(xiàn)查找(屏蔽廣告判斷url等)
這篇文章主要介紹了js中數(shù)組結(jié)合字符串實(shí)現(xiàn)查找(屏蔽廣告判斷url等),需要的朋友可以參考下2016-03-03javascript實(shí)現(xiàn)最長(zhǎng)公共子序列實(shí)例代碼
最長(zhǎng)公共子序列(longest common sequence)和最長(zhǎng)公共子串(longest common substring)不是一回事兒,下面這篇文章主要給大家介紹了關(guān)于javascript實(shí)現(xiàn)最長(zhǎng)公共子序列的相關(guān)資料,需要的朋友可以參考下。2018-02-02