JS之JavaScript 中的事件(上)

本文介绍了JavaScript中的事件处理机制,包括事件类型、事件目标、事件处理程序等基本概念,并详细解释了鼠标事件、键盘事件及常见事件如onsubmit、onblur等的作用。此外,还探讨了事件流的概念及其两种模式:冒泡和捕获。

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

  1. 事件类型
  • 事件的定义
    指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可 以通过侦听器(或者处理程序)来预定事件,以便事件发生的时候执 行相应的代码。

事件类型:事件类型是一个用来说明发生什么类型事件的字符串。

事件目标:事件目标是发生的事件或与之相关的对象。

事件处理程序或事件监听程序:我们用户在页面中进行的点击这个动作, 鼠标移动的动作,网页页面加载完成的动作等,都可以称之为事件名称。

事件对象:事件对象是与特定事件相关且包含有关该事件详细信息的对象。

事件传播:事件传播是浏览器决定那个对象触发其事件处理程序的过程。

  • 事件模型(三种)
    内联模型 、 脚本模型 、 DOM2模型

  • 传统的事件模型
    鼠标事件

				onclick						//用户点击对象调用的事件句柄
				oncontextmenu				//用户右键打开上下文菜单触发
				ondblclick					//用户双击对象调用的事件句柄
				onmousedown					//鼠标被按下
				onmouseenter				//鼠标移动到目标上触发
				onmouseleave				//鼠标离开目标触发
				onmousemove					//鼠标移动
				onmouseover					//鼠标移动到元素上
				onmouseout					//鼠标离开元素
				onmouseup					//鼠标按键被松开

键盘事件

				onkeydown			//键盘按键被按下	
				onkeypress			//键盘按键被按下并松开
				onkeyup				//键盘按键松开

-JavaScript中的常用事件

1 . onsubmit:表单中的确认按钮被点击时发生的事件

2 . onblur:在对象失去焦点时发生的事件

3 . onfoucs:在对象获得焦点时发生的事件

4 . onchange:在对象的值发生改变时触发的事件

2 . 事件流

  事件流描述的是从页面中接收事件的顺序。当几个都具有事件的元

素层叠在一起的时候,那么你点击其中一个元素,并不是只有当前被
点击的元素会触发事件,而层叠在你点击范围的所有元素都会触发事
件。
事件流包括两种模式 :

  • 冒泡
    子集元素先触发,父级元素后触发
  • 捕获
    父级元素先触发,子集元素后触发
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值