JS_自己写的一个简单的调色板

最新推荐文章于 2024-07-05 11:05:41 发布

原创

最新推荐文章于 2024-07-05 11:05:41 发布 · 3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#colors #function #border #table #浏览器 #input

这篇博客展示了如何使用JavaScript创建一个简单的调色板功能，适用于网页文本输入框。通过定义颜色值和处理鼠标事件，当文本框获取焦点时显示调色板，允许用户选择颜色并应用到文本框中。在不同浏览器中进行了兼容性考虑，但注意到在Firefox中可能出现定位问题。

在论坛里看到果果写那么强大的调色板,自己也试试先写个简单的玩下.

<mce:style></mce:style><style mce_bogus="1">* { margin:0; padding:0;} #tb { border-collapse:collapse; width:253px;} #tb td { border:1px solid #000; width:6px; height:6px;}</style> <mce:script type="text/javascript"></mce:script> </head> <body > <input type="text" id="msg" /> <input type="text" id="msg1" /> <input type="text" id="msg2" /> <input type="text" id="msg3" /> <input type="text" id="msg4" /> </body> </html>

JS:

function $(x){return document.getElementById(x);} var getPagePos = function(el){ var top=0, left=0, D=document; if(e