第11课第2页:jQuery事件处理进阶
1. 事件冒泡和阻止
父级元素
子级元素
允许冒泡
阻止冒泡
点击子级元素观察事件冒泡!
2. 事件委托
项目1(已存在)
项目2(已存在)
项目3(已存在)
添加新项目
设置事件委托
点击任意项目!事件委托可以处理动态添加的元素!
3. 自定义事件
触发自定义事件
触发带数据的事件
自定义事件接收区域
准备接收自定义事件!
4. 事件命名空间
命名空间按钮
绑定命名空间事件
触发app1事件
触发app2事件
解绑app1事件
事件命名空间可以更好地管理事件!
5. 一次性事件
一次性事件按钮
设置一次性事件
点击设置一次性事件,然后多次点击按钮观察效果!
6. 鼠标拖拽模拟
拖拽区域 - 在这里拖动鼠标
坐标显示:
0, 0
在拖拽区域内移动鼠标试试!