JavaScript可以通过Event对象的target事件或srcElement(IE浏览器支持)来判断按钮是否被点击。Event对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

0812bb6250d6b605e846827ed64337a5.png

JavaScript判断按钮是否被点击:

firfox版:

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("你点击的是一个按钮")

}

}

2、google 浏览器版:

document.onclick=function()

{ var obj = event.srcElement;

if(obj.type == "button"){

alert(obj.id); }

}

运行效果:

8f692ffc94b731f37b1543688bc24e37.gif

Event 对象

Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

事件通常与函数结合使用,函数不会在事件发生前被执行!

target 事件

target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。

语法:

event.target

srcElement

srcElement:对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐