JavaScript_事件相关

这篇博客详细介绍了JavaScript中事件处理的步骤,包括获取事件源、绑定事件、添加事件处理程序。讲解了如何使用`addEventListener`方法和传统的`on`事件处理方式,并强调了事件对象在事件处理中的重要性,如坐标获取和键值获取。此外,还提及了如何禁止鼠标事件。对于前端开发者来说,理解这些概念对于创建交互式的网页至关重要。

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

事件执行步骤

  • 获取事件源;

形式如var   自定义变量名  =  document . 各种获取元素方式(' 标签名 '); 

特别地:1. 获取body元素——document . body;

               2. 获取html元素——document . documentElement;

  • 绑定事件 注册事件;

形式如:1. 传统方式:自定义变量名 (on开头)各类事件;

              2.方法监听方式:自定义变量名 addEventListener ( '(开头去on)各类事件' , 函数); 

引入 — — (各类事件)

  •  添加事件处理程序;

形式如:1. 传统方式:自定义变量名 (on开头)各类事件 = function ( 事件对象 ) {  相关执行内容  }

               2.方法监听方式:自定义变量名 addEventListener (   ( 开头去on ) 各类事件 ' , function ( 事件对象 ){ 相关执行内容  } ,  true (事件流的捕获阶段) / false (事件流的冒泡阶段) 

  • 引入:

1.  事件对象:代表事件的状态,比如键盘按键的状态、鼠标的位置、鼠标按钮的状态。

  • 简单理解:事件发生后,跟其相关的一系列信息数据的集合都存在此事件对象中,其有很多属性及方法。
  • 字符代替:通常用 evente 表示

2.事件对象常见属性: 

《鼠标事件对象坐标获取》

《键盘事件对象键值获取》 

3.禁止鼠标事件:

大概整理如上...... 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

march on_6

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值