【凡哥教程第二十三讲作业】单击双击右键变背景（学一点点JS（三）元素的JS相关事件）

花简静

凡哥教程第二十三讲作业：

做一个自定义尺寸的元素，给它指定一个id，背景颜色是自定义颜色一。

该元素左键单击时背景色变为自定义颜色二，右键单击时背景色是自定义颜色3，双击时背景颜色变回自定义颜色一。

背景绿 单击蓝 右键红 双击绿

花简静

<style> #qsfg23 {     width: 520px;     height: 320px;     background: green;     user-select: none;     font: bold 1.9em sans-serif;     color: yellow; text-shadow: 1px 1px 2px #000000;     padding: 12px; } </style>   <div id="qsfg23">背景绿 单击蓝 右键红 双击绿</div>   <script> qsfg23.onclick = () => qsfg23.style.background = 'blue'; qsfg23.onmouseup = (e) => {     if(e.button !== 2) return;     qsfg23.style.background = 'red'; }; qsfg23.ondblclick = () => qsfg23.style.background = 'green'; qsfg23.oncontextmenu = (e) => e.preventDefault(); </script>

花简静

@凡哥 白老师来看下今天的作业是不是这么写的。

柒玥

作业越来越难，小白越来越看不懂了，静静太厉害了，步步都能跟上

柒玥

欣赏静静精彩作业，祝静静学习愉快！

柒玥

谢谢静静的精彩分享，祝周一快乐！

雨声

静宝好好学，我慢慢跟

雨声

欣赏静宝带来的精美作业，静宝太厉害了，佩服

扬帆

花简静 发表于 2024-8-12 10:26
@凡哥 白老师来看下今天的作业是不是这么写的。

厉害，赞一个

凡哥

花简静 发表于 2024-8-12 10:24
本帖最后由 花简静 于 2024-8-12 11:47 编辑
.mum { position: relative; margin: 0; padding: 10px; fon ...

完全正确
100√