onclick和addEventListener、inset

onclick和addEventListener

onclick = ...

• 只能设置一个处理函数。
• 如果你写多次，后面的会覆盖前面的。

mini.onclick = () => console.log('A');
mini.onclick = () => console.log('B'); 
// 最后只有 B 有效

addEventListener()

• 可以对同一个事件添加多个监听器，不会互相覆盖。

mini.addEventListener('click', () => console.log('A'));
mini.addEventListener('click', () => console.log('B'));
// A 和 B 都会执行

---

css中的inset

inset 是 CSS 中用来设置元素“定位偏移”的简写属性，等同于同时设置：

• top
• right
• bottom
• left 它主要用于 绝对定位 / 固定定位 / 相对定位 的元素（position: absolute / fixed / relative / sticky）。

inset 的语法支持 1～4 个值：

inset: <top> <right> <bottom> <left>;

或者简写方式

写法	展开含义
inset: 10px;	top=10px, right=10px, bottom=10px, left=10px
inset: 10px 20px;	top=10px, bottom=10px, right=20px, left=20px
inset: 10px 20px 30px;	top=10px, right=20px, left=20px, bottom=30px
inset: 10px 20px 30px 40px;	top=10px, right=20px, bottom=30px, left=40px