clientHeight:contentHeight+paddingHeight

clientWidth:contentWidth+paddingWidth

clientLeft:padding最外面的边线到border最外边线的距离。

clientTop:padding最外面的边线到border最外边线的距离。

---

offsetHeight        offsetWidth

content+padding +border

---

• offsetLeft

• offsetTop

相对于父级的距离

---

oncontextmenu             // 点击鼠标右键

e.stopPropagation();                     // 停止事件的传播

e.preventDefault();               // 阻止浏览器默认行为

---

成对出现事件

onmousedown           onmouseup

鼠标按下                         鼠标抬起

上面的如果出现事件穿透，那么就用下面的

onmouseenter                         onmouseleave

鼠标移动到元素上触发            鼠标移出触发

onmouseover                       onmouseout

鼠标移动到元素上                 鼠标移开