JavaScript调用系统颜色选择器实现方案

作者：闭包旅人时间：2026-10-25 09:32:30浏览：247

本文介绍利用JavaScript调用系统自带颜色选择器的方法。通过隐藏ActiveX对象触发系统对话框，实现颜色选取功能。该方法代码简洁，但存在明显的浏览器兼容性问题，仅适用于Internet Explorer环境，其他现代浏览器无法使用此方案。

系统颜色选择器调用示例

效果如图所示：

下面是获取系统自带颜色选择器的具体代码实现：

 <OBJECT id="dlgHelper" CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" WIDTH="0px" HEIGHT="0px"></OBJECT> <input class="inputtext" style='width:50px;cursor:hand;10px;background-color:#000000;color:#ffffff;' id='div_color' value="#000000" /> <input type="button" value='获取颜色' onclick="pickColor()">

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

该方案的主要优势在于代码量较少，实现简单。

主要局限在于兼容性，此方法仅能在Internet Explorer浏览器中正常运行。

作者最新文章

什么时候该用JS构造器：与工厂模式、字面量的选择对比

2026-11-05 16:18:22

推荐几款轻量级JS照片墙开源库及对比

2026-11-05 15:56:19

JavaScript递归写法有哪些常见陷阱及避免方法

2026-11-05 14:53:38

JS数组浅拷贝与深拷贝怎么选？场景与方法总结

2026-11-05 14:41:02

p5.js 中 setup() 和 draw() 函数的执行机制详解

2026-11-05 12:32:38