javascript怎么判断按钮被点击?


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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM