js的三大事件、事件移除、事件循环机制

什么是事件,三种事件模型

事件是用户操作网页时发生的交互动作或者网页本身的一些操作。
现代浏览器一共有三种事件模型:

  • DOM0 级事件模型,这种模型不会传播,所以没有事件流的概念,但是现在有的浏览器支持以冒泡的方式实现,它可以在网页中直接定义监听函数,也可以通过 js 属性来指定监听函数。所有浏览器都兼容这种方式。
    直接在 dom 对象上注册事件名称,就是 DOM0 写法

  • IE 事件模型,在该事件模型中,一次事件共有两个过程,事件处理阶段事件冒泡阶段
    事件处理阶段会首先执行目标元素绑定的监听事件。
    然后是事件冒泡阶段,冒泡指的是事件从目标元素冒泡到document,依次检查经过的节点是否绑定了事件监听函数,如果有则执行。
    attachEvent就是IE事件模型 ,attachEvent用来添加监听函数,可以添加多个监听函数,会按顺序依次执行。

  • DOM2 级事件模型,在该事件模型中,一次事件共有三个过程,
    第一个过程是事件捕获阶段。捕获指的是事件从 document 一直向下传播到目标元素,依次检查经过的节点是否绑定了事件监听函数,如果有则执行。后面两个阶段和 IE 事件模型的两个阶段相同。
    addEventListener 就是DOM2级事件模型

三大事件(鼠标事件、键盘事件、html事件)

1、鼠标事件

  • click:单击
  • dblclick:双击
  • mousemove:鼠标移动
  • mousedown:鼠标按下
  • mouseup:鼠标抬起
  • mouseover:鼠标悬浮
  • mouseout:鼠标离开
  • mouseenter:鼠标进入
  • mouseleave:鼠标离开

2、键盘事件

  • keydown:按键按下
  • keyup:按键抬起
  • keypress:按键按下抬起

3、HTML事件

  • load:文档加载完成
  • select:被选中的时候
  • change:内容被改变<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值