JavaScript可以通過Event對象的target事件或srcElement(IE瀏覽器支持)來判斷按鈕是否被點擊。Event對象代表事件的狀態,比如事件在其中發生的元素、鍵盤按鍵的狀態、鼠標的位置、鼠標按鈕的狀態。
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>
2、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> <div> <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"/> </div> </BODY> </HTML>
資源搜索網站大全 https://www.renrenfan.com.cn 廣州VI設計公司https://www.houdianzi.com
Event 對象
Event 對象代表事件的狀態,比如事件在其中發生的元素、鍵盤按鍵的狀態、鼠標的位置、鼠標按鈕的狀態。
事件通常與函數結合使用,函數不會在事件發生前被執行!
target 事件
target 事件屬性可返回事件的目標節點(觸發該事件的節點),如生成事件的元素、文檔或窗口。
語法:
event.target
srcElement
srcElement:對於生成事件的 Window 對象、Document 對象或 Element 對象的引用。