本文介绍利用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浏览器中正常运行。