JavaScript 事件

本文深入讲解事件处理机制,包括HTML事件、脚本模型及W3C事件标准。探讨了事件的绑定、触发与处理,以及鼠标、键盘和焦点等常见事件类型。

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

事件:

事件三要素:
  • 事件对象 :事件的绑定对象

  • 事件名称 :事件的种类 on-事件名

  • 事件处理函数 :事件触发之后要做什么

事件的写法:
  • HTML事件

    将事件以属性的形式写入到页面标签中
    优点:简单易懂
    缺点:js代码与HTML耦合度太高,不利于多人协作

  • 脚本模型(现代事件绑定)

    在js中完成事件的绑定
    obj.on-事件名=fn;

  • W3C事件
  1. 添加事件:addEventListener(事件名,fn,flag)
    flag: true 捕获 false 冒泡

  2. 移除事件:
    removeEventListener(事件名,fn,false)

事件

鼠标事件:
click dblclick
mouseover mouseout
mouseenter mouseleave
mousedown mouseup mousemove
其它事件:
load change resize
焦点:
focus blur
键盘事件:
keydown keyup keypress

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值