javascript - 使用 type="color" 从输入中选择颜色时如何更改身体的背景
问题描述
我尝试添加一个 onclick 事件,当单击该事件时,会将背景更改为我的输入字段中设置的任何内容,但它不起作用。我不知道我是否使用了错误的事件,或者它是否是其他东西。有人可以帮我吗谢谢。
let color = document.getElementById("color-picker");
color.addEventListener("click", function() {colorPicker(color)});
function colorPicker(chooseColor) {
body.style.backgroundColor = chooseColor
}
<fieldset>
<legend>Appearing here</legend>
<div>
<label for="color-picker">Colors</label>
</div>
<div>
<input type="color" id="color-picker">
</div>
</fieldset>
解决方案
几个问题
change
应该使用事件而不是click
- 应该
document.body
代替body
- 应该
chooseColor.value
用来选择颜色选择器的值
推荐阅读
- .net - 授权 Web 应用程序的用户并允许他们访问 API 服务
- elasticsearch - 比较两个数字字段elasticsearch
- nativescript - ScrollView 内带有 ngFor 的 StackLayout
- c++ - 在 C++ 中连接两个字符
- selenium - 无法在并行模式下执行套件
- php - 联系表格 7 将数据传递给 Ajax 谢谢你的消息
- python - 为什么可以在不表示'self'关键字的情况下初始化python类属性?
- ruby-on-rails - STRIPE ROR:没有路线匹配费用/新错误
- angular - 在 Angular 的父模板中调用子组件的方法是一种好习惯吗?
- python - BeautifulSoup 获取其中的链接和信息