[HTML5] 颜色选择器的操作[input type='color'....]

weixin_33711647

于 2018-03-14 11:26:00 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/tinaluo/p/8566342.html

本文介绍了一个简单的HTML页面示例，该页面使用颜色选择器输入元素并将其选中的颜色值应用于网页背景。通过JavaScript监听颜色选择器的更改事件，并更新页面背景色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、点击事件和获取颜色值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body style=" background: rgb(238, 255, 255);">
    <input  type="color" id="onchange">
</body>
<script type="text/javascript">
    document.getElementById('onchange').onchange = function(){
        document.getElementById('onchange').click();
        document.body.style.background = this.value;
    };
</script>
</html>