DOM中事件处理程序的第一个参数？

最新推荐文章于 2023-11-13 19:18:32 发布
置顶 最新推荐文章于 2023-11-13 19:18:32 发布
阅读量490 收藏 1
点赞数
分类专栏： 前端 基础 文章标签： 事件对象 JavaScript DOM 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pivilion/article/details/80758168
版权
当触发DOM上的事件时，事件对象会自动传递给事件处理程序，无论使用DOM0级还是DOM2级方法绑定。即使事件处理程序未明确声明参数，浏览器也会将事件对象作为arguments[0]传入。通过实验，发现即使指定参数，这个参数也只是事件对象的别名，不影响事件对象的访问。因此，事件处理程序始终有一个隐含的事件对象参数。
摘要由CSDN通过智能技术生成

我们知道，在触发DOM上的某个事件时，会产生一个事件对象，其中包含与事件相关的所有信息。JS高程中有这样一句话，兼容DOM的浏览器会将一个事件对象传入到事件处理程序中，无论指定事件处理程序时使用什么方法，DOM0级或是DOM2级别，都会传入事件对象。


事件处理程序有参数时直觉上还好理解，但是事件处理程序要是一个参数都没有指定，事件对象真的会传入事件处理程序吗？
以一个按钮<input type="button" value="Click Me" id="myBtn">为样本，我们可以看看是否真的如此。

var btn = document.getElementById("myBtn");
function showMessage() {
   
  console.log("Clicked");
  console.log(arguments.length);
  console.log(
最低0.47元/天 解锁文章
dukelu0
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DOM事件参数——event对象
weixin_44001906的博客
07-07 336
事件的名称 click ；load；mouseover；事件处理程序以**‘on**’开头；因此click事件的事件处理程序就是onclick；load事件的事件处理程序就是onload；HTML事件处理程序可以直接在事件处理程序中，添加执行的函数，也可以进行调用其他地方定义的脚本； event对象 HTML事件处理程序会创建一个封装着元素属性值的函数，这个函数中有一个局部变量 event ，也就是事件对象。在用户触发事件，元素执行事件处理函数的时候，默认会向事件处理函数传入一个 event 对象，它记录
DOM中事件处理概览与原理的全面解析
09-01
本文将深入探讨DOM中的事件处理概览与原理，帮助开发者更好地理解和应用这一关键技术。 首先，我们需要了解的是**事件类型(event type)**。事件类型是一个全小写的字符串，用于描述发生了哪种类型的事件，例如`...
事件处理程序的参数与传参
richest_qi的博客
06-01 904
先给个例子。 访问事件对象 <body> <button onclick="sayHi()">sayHi</button> <button class="btn">bless</button> <script> function sayHi(){ console.log(window.event === event); console.log(event);
给事件处理函数传参数
景洪的博客
05-22 2522
给事件处理函数传参数今天刷百度前端学院的任务，遇到了一个问题，需要给事件处理函数传参数；我把问题抽象成下面问题
DOM元素绑定事件的参数说明
weixin_34342905的博客
10-08 462
一、当绑定在DOM元素上的事件处理写在标签中时，有两个已知常量，其名称被占用，分别是：event:表示事件对象, this:表示元素本身注意：若调用的脚本方法需要用到这两个对象，必须作为参数传递进来 <img id="id_img" src="luguo.jpg" onclick="get_xy(event)">function get_xy(e){ alert("鼠标坐标:"+e.s...
DOM事件简介（javascript）
weixin_50053454的博客
02-23 574
1.什么是事件？ 时间就是网页在展示过程中产生的一些用户行为和客户端行为。 用户行为：用户点击，输入，拖拽等行为 客户端行为：窗口打开关闭，数据的上传 下载，解析等行为 2.事件有哪些类型？ 鼠标事件，键盘事件，表单事件，window事件，拖拽事件 3.事件结构 事件目标：事件发生在那个目标上，如点击到的button就是事件目标 事件类型/事件名：在目标上发生了什么事件，如click指点击事件 事件函数：事件发生触发时，调用的函数 4.事件的触发流程？ 客户端或者用户产生了
详解JavaScript中的事件流和事件处理程序
10-22
只需将一个函数赋值给元素的事件处理程序属性（例如onclick），即可指定事件处理程序。这种方法的优点是简单、兼容性好，但缺点是不够灵活，且在代码运行之前无法指定事件处理程序，可能会导致用户体验下降。 随后...
探究JavaScript中的五种事件处理程序方式
10-20
DOM2级事件处理程序引入了`addEventListener`和`removeEventListener`方法，允许注册和移除多个事件处理程序，并区分捕获阶段和冒泡阶段。 ```javascript button.addEventListener('click', function() { alert('...
JavaScript事件学习小结(二)js事件处理程序
11-25
`addEventListener` 的第三个参数可以控制事件处理程序是在哪个阶段执行。 了解这些基本概念后，开发者可以更好地管理和响应JavaScript中的用户交互，创建更动态和响应式的网页。在实际应用中，通常推荐使用DOM2级...
探究JavaScript中的五种事件处理程序1
08-08
第一部分，HTML事件处理程序是最基础的形式，它直接在HTML元素中嵌入JavaScript代码。例如，`('success')">点我</button>`。这种方式简洁易懂，但存在一些限制，如JavaScript代码与HTML混杂，不易维护，且无法避免...
javaScript中addEventListener()用法
weixin_47464657的博客
09-12 1009
addEventListener() 方法用于向指定元素添加事件 测试 ``` document.querySelector('#test').addEventListener('click',()=>{ console.log('test click') },false) ``` document.addEventListener(event, function, useCapture) 第一个参数参数event 必须。字符串，指定事件名。 注意:  不要使用 “on” 前缀。 例如，使用 “
JS DOM 事件
最新发布
qq_43547725的博客
11-13 147
用户对dom元素(比如按钮、div、span...)进行某种操作行为(单击、双击、鼠标移入 ...键盘按下),页面会做出相应的响应。事件通常与函数结合使用，在事件发生之前函数不会被执行。
JQuery的click事件参数e
热门推荐
大千世界的博客
07-19 1万+
通过 $().unbind('click').click(function(e){......}) ,这种方式触发的点击事件中, e 代表的含义: e就是element 或者可以理解为是一个object, 通过e.target可以得到dom对象的引用,即把dom元素传给jquery选择器. 例子: Html片段: &lt;div&gt; &lt;span class="DELET...
js事件详解
weixin_30421809的博客
07-07 112
一、焦点事件 焦点：使浏览器能够区分用户输入的对象，当一个元素有焦点的时候，那么他就可以接收用户的输入 设置焦点方式：点击、tab、js onfocus:当元素获取到焦点的时候触发 onblur:当元素失去焦点的时候触发 obj.focus();给指定的元素设置焦点 obj.blur();取消指定元素的焦点 obj.select();选择制定元素里面的文本内容（用户输入的内容，可以操...
深入理解DOM事件机制系列第三篇——事件对象
weixin_33800463的博客
09-12 152
前面的话 　　在触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件有关的信息。所有浏览器都支持event对象，但支持方式不同。本文将详细介绍事件对象   获取事件对象 　　【1】一般地，event对象是事件程序的第一个参数 　　[注意]IE8-浏览器不支持 //IE8-浏览器输出undefined，其他浏览器则输出事件对象[object MouseE...
DOM 事件详解
weixin_48376132的博客
07-05 4490
注册事件（绑定事件） 1. 概述 给元素添加事件，称为注册事件 / 绑定事件 注册事件有两种方式：传统方式和方法监听注册方式 2. 传统注册方式 利用 on 开头的事件 DOM 0级事件绑定方式—— 因为 W3C 在确定 DOM 版本时，在之前已经有了事实上存在的一些事件，比如 onclick 这种直接绑定给元素的属性的事件，DOM1 中用的还是之前的事件，所以是 DOM 0级事件，而不是1级事件 <button oncilck = "alert(1)"></button> btn.
DOM与JavaScript事件处理
`setInterval`函数则是用来周期性执行某段代码的，第一个参数是待执行的代码字符串，第二个参数是执行间隔，以毫秒计。例如`setInterval("alert('hello')", 500)`会每500毫秒弹出一次提示框。 总结来说，Web程序...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值