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 对象的引用。