js中如何判断按钮是否被点击了_js判断元素是否被点击-CSDN博客

本文提供了两种不同浏览器环境下实现点击事件监听的示例代码，并详细解释了如何通过JavaScript判断被点击的对象是否为按钮。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>

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>

event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。
event对象只在事件发生的过程中才有效。
event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义