JavaScript实现获取颜色选择器功能（图）

最新推荐文章于 2023-08-05 16:23:20 发布

weixin_30593261

最新推荐文章于 2023-08-05 16:23:20 发布

阅读量353

点赞数

CC 4.0 BY-SA版权

文章标签： javascript php ViewUI

原文链接：http://www.cnblogs.com/jincon/archive/2010/08/18/1802151.html

本文介绍了一种在Internet Explorer浏览器环境下实现颜色选择的方法。通过使用ActiveX控件与JavaScript结合，可以实现在IE中调用颜色对话框，并将所选颜色应用于网页元素上。

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

代码

< script >
function $(obj)
{
         return document.getElementById(obj);
}
function pickColor()
{
                 if ( ! window.isIE) return ;
                 var sColor = $( ' dlgHelper ' ).ChooseColorDlg();
                 var color = sColor.toString( 16 );
                 while (color.length < 6 ) color = " 0 " + color;
                window.color = color;
                color = " # " + color;
                $( ' div_color ' ).style.backgroundColor = color;
                $( ' div_color ' ).value = color;
}

var isIE = (document.all && window.ActiveXObject) ? true : false ;
< / script>

< 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 = ' 获取颜色 ' >

具体效果，大家可以自己测试，或者移步安徽PHP社区 http://bbs.hfphp.org

或者jincon‘s 包 Blog http://www.yi1.com.cn

来源：http://bbs.hfphp.org/thread-1372-1-1.html

转载于:https://www.cnblogs.com/jincon/archive/2010/08/18/1802151.html