div{ width: 50px; height: 200px; border: 1px solid blue; float: left; } <body> <div data-note="1"></div> <div data-note="2…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> …
事件：某件事件的发生 包含鼠标操作、键盘操作等 理解事件中的概念： 事件流：从页面接受事件的顺序 事件捕获 和 事件冒泡 事件捕获：不太具体的节点更早接受事件 而最具体的节点最后接受到事件 事件冒泡：事件最开始由最具体的元素 然后逐渐向上传播到不具体的元素 使用事件处理程序： HTML事件 DOM 0级事件处理程序 把一个函数赋值给一个事件处理程序…