javascript - 如何在鼠标按下时更改 Div 的样式?,或与此相关的任何其他事件......

标签 javascript html css

但它不起作用。你可以看到我正在尝试更改包含 season.png onmousedown 的 div 的类,并将其还原为 onmouseup。

我错过了什么?

谢谢。 迈克

最佳答案

它工作得很好。您发布的代码没有任何问题,所以如果您看不到它,则您的 css 一定有问题。

我用它来测试代码:

<html>
<head>
<title>Test</title>
<style>

.winter { border: 1px solid blue; }
.spring { background: yellow; }
.summer { background: green; }

</style>
</head>
<body>

<div class="winter spring" onmousedown="this.className='winter summer'" onmouseup="this.className='winter spring'">
<img src="Resources/season.png" />
</div>

</body>
</html>

关于javascript - 如何在鼠标按下时更改 Div 的样式?,或与此相关的任何其他事件......,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1047699/

相关文章:

javascript - 以随机间隔将 HTML 元素放置在 5 个页面之一上? JavaScript、jQuery、MySQL 或 PHP

javascript - 解析 JSON 时 Google Cloud Dataflow Javascript UDF 错误

javascript - 如何在使用 jquery 动态添加行时更改 object_id

javascript - Electron : How to print only a part of html (div) in electron silently?

css - 在 IE8 中强制水平滚动条

javascript - 如何将摘要标签固定到与其关联的扩展详细信息标签的底部?

html - 在 HTML/CSS 中,如何使用图像作为导航栏上方页面最顶部的标题?

javascript - Twilio 调用被不尊重 Twilio.Device.destroy() 的多个设备实例阻止

javascript - 为文本文件中的每个项目添加引号

html - 如何使用带有图标的 <i> 标签?