js中的DOM-2-事件基础(初学)

本文深入探讨了JavaScript中的事件处理机制,包括事件源、事件类型和事件处理程序的概念。通过实例展示了如何利用JavaScript实现动态页面交互,如按钮点击弹出对话框和下拉菜单鼠标经过显示隐藏效果。同时,讲解了事件处理的步骤,帮助开发者更好地理解和应用JavaScript事件。
摘要由CSDN通过智能技术生成

1.事件的概述:JavaScript使我们有能力创建动态页面,而事件是可以被JavaScript侦测到的行为。
简单理解:触发—响应机制

2.事件的三部分组成(三要素):事件源、事件类型、事件处理程序
例:点击一个按钮,弹出对话框
则:(1).事件源是 事件被触发的对象,即(谁)  →  按钮
       (2).事件类型是  如何触发,什么事件  如同:鼠标点击(onclick)  还是 鼠标经过(onmouseover) 还是鼠标离开(onmouseout) ↓

    (3). 事件处理程序  通过一个函数赋值的方式 完成

 3.执行事件的步骤

  1. 获取事件源
  2. 注册事件(绑定事件)
  3. 添加事件处理程序(采取函数赋值形式)

 例:
1.分析事件三要素

下拉菜单三要素:
事件源:菜单栏上的菜单   事件类型:鼠标经过   事件处理程序:下方盒子会经行显示与隐藏

关闭广告三要素:
事件源:×     事件类型:鼠标点击    事件处理程序:广告隐藏

注:也可以不绑定事件直接处理 (即一刷新就出现新的东西) ↓ 

↓ (一刷新即有时间)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值