查看: 504|回复: 28

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

[复制链接]
发表于 2024-8-12 10:18 | 显示全部楼层 |阅读模式
凡哥教程第二十三讲作业:
做一个自定义尺寸的元素,给它指定一个id,背景颜色是自定义颜色一。
该元素左键单击时背景色变为自定义颜色二,右键单击时背景色是自定义颜色3,双击时背景颜色变回自定义颜色一。

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

评分

4

查看全部评分

点评
回复

使用道具

 楼主| 发表于 2024-8-12 10:24 | 显示全部楼层
本帖最后由 花简静 于 2024-8-12 11:47 编辑

<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>

评分

3

查看全部评分

点评
回复

使用道具

 楼主| 发表于 2024-8-12 10:26 | 显示全部楼层
@凡哥 白老师来看下今天的作业是不是这么写的。

评分

1

查看全部评分

点评
回复

使用道具

发表于 2024-8-12 11:36 | 显示全部楼层
作业越来越难,小白越来越看不懂了,静静太厉害了,步步都能跟上
点评
回复

使用道具

发表于 2024-8-12 11:36 | 显示全部楼层
欣赏静静精彩作业,祝静静学习愉快!
点评
回复

使用道具

发表于 2024-8-12 11:37 | 显示全部楼层
谢谢静静的精彩分享,祝周一快乐!
点评
回复

使用道具

发表于 2024-8-12 14:43 | 显示全部楼层
静宝好好学,我慢慢跟
点评
回复

使用道具

发表于 2024-8-12 14:43 | 显示全部楼层
欣赏静宝带来的精美作业,静宝太厉害了,佩服
点评
回复

使用道具

发表于 2024-8-12 15:51 | 显示全部楼层
花简静 发表于 2024-8-12 10:26
@凡哥 白老师来看下今天的作业是不是这么写的。

厉害,赞一个
点评
回复

使用道具

发表于 2024-8-12 17:40 | 显示全部楼层
花简静 发表于 2024-8-12 10:24
本帖最后由 花简静 于 2024-8-12 11:47 编辑
.mum { position: relative; margin: 0; padding: 10px; fon ...

完全正确
100√
点评
回复

使用道具

您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

手机版|千山论坛 ( 冀ICP备2024055714号 )

GMT+8, 2025-6-10 00:38

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表