第11课第2页:jQuery事件处理进阶

1. 事件冒泡和阻止

父级元素
子级元素
点击子级元素观察事件冒泡!

2. 事件委托

项目1(已存在)
项目2(已存在)
项目3(已存在)
点击任意项目!事件委托可以处理动态添加的元素!

3. 自定义事件

自定义事件接收区域
准备接收自定义事件!

4. 事件命名空间


事件命名空间可以更好地管理事件!

5. 一次性事件

点击设置一次性事件,然后多次点击按钮观察效果!

6. 鼠标拖拽模拟

拖拽区域 - 在这里拖动鼠标
坐标显示:0, 0
在拖拽区域内移动鼠标试试!