javascript怎麼判斷按鈕被點選?
阿新 • • 發佈:2020-12-04
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 物件的引用。