JavaScript事件对象event生成在DOM的全局作用域对象window中，并在调用事件处理程序时进行传递

关注

原创最新推荐文章于 2026-03-16 00:01:18 发布 233 阅读 AI 写同款· GEO 优化 ›

低代码Agent开发框架使用指南（二）—Coze平台核心功能概览本篇分享系统介绍了字节跳动推出的低代码智能体开发平台Coze。Coze以免费易用、多模型支持和便捷的跨平台发布为核心优势，显著降低了智能体开发门槛。文章详细解析了平台的六大核心功能：扩展能力边界的插件系统、增强认知的知识库、结构化数据管理的数据库、可视化图像处理的图像流、实现复杂逻辑编排的工作流，以及处理复杂任务的多智能体协作机制，全面展现了Coze平台的强大能力。阅读详情

var button13=document.createElement("button");
button13.appendChild(document.createTextNode("button13"));
var ResponseFunc6=function(){
    i++;
    tbody.insertRow(i);
    tbody.rows[i].insertCell(0);
    tbody.rows[i].cells[0].appendChild(document.createTextNode(this.toString()+event.eventPhase));
}
button13.addEventListener("click",ResponseFunc6,true);//2，
//不论是true(捕获阶段调用)还是false(冒泡阶段调用)，由于button13是当前事件捕获-冒泡的最深层元素，所以是“处于目标”阶段被调用
document.body.appendChild(button13);
document.body.addEventListener("click",ResponseFunc6,true);//1，捕获阶段调用
document.body.addEventListener("click",ResponseFunc6,false);//3，冒泡阶段调用

在DOM的最深层元素(再没有子元素节点)上注册的事件处理程序不论是注册为捕获阶段true还是冒泡阶段false，都认为是在处于目标阶段被调用

//事件处理函数被元素调用时传递了window.event作为第一个实参，并在函数体后台解压出名字event：
//element.ResponseFunc(window.event){var event=arguments[0];}，因为既使不定义event
//形参，在函数体内仍然能访问到event，并且event==arguments[0]==window.event
//下面手动定义了形参event2，调用时：
//element.ResponseFunc(window.event){var event=arguments[0];}
//从而event2=window.event; arguments[0]=window.event; 同时event=arguments[0];
var button14=document.createElement("button");
button14.appendChild(document.createTextNode("button14"));
var ResponseFunc7=function(event2){
    i++;
    tbody.insertRow(i);
    tbody.rows[i].insertCell(0);
    tbody.rows[i].cells[0].appendChild(document.createTextNode(event===window.event));//true，[object MouseEvent]

    tbody.rows[i].insertCell(1);
    tbody.rows[i].cells[1].appendChild(document.createTextNode(event));//[object MouseEvent]

    tbody.rows[i].insertCell(2);
    tbody.rows[i].cells[2].appendChild(document.createTextNode(event===arguments[0]));//true，[object MouseEvent]

    i++;
    tbody.insertRow(i);
    tbody.rows[i].insertCell(0);
    tbody.rows[i].cells[0].appendChild(document.createTextNode(event2));//[object MouseEvent]

    tbody.rows[i].insertCell(1);
    tbody.rows[i].cells[1].appendChild(document.createTextNode(event2===event));//true

    tbody.rows[i].insertCell(2);
    tbody.rows[i].cells[2].appendChild(document.createTextNode(event2===arguments[0]));//true

};
button14.addEventListener("click",ResponseFunc7,false);
document.body.appendChild(button14);

收录于