js拾色器插件colorpicker.js

所属分类:输入-拾色器

 33382  242  查看评论 (18)
分享到微信朋友圈
X
js拾色器插件colorpicker.js ie兼容12

更新时间:2019-08-26 22:39:51

使用方法

需要调用colorpicker.js

<script src="./colorpicker.js"></script>

html中将个一个div作为容器id设置为color-picker

<div id="color-picker""></div>

js调用插件

Colorpicker.create({
    el: "color-picker",
    color: "#000fff",
    change: function(elem, hex) {
        console.log(elem, hex)
    }
})

或者

new Colorpicker({
    el: "color-picker",
    color: "#000fff",
    change: function(elem, hex) {
        console.log(elem, hex)
    }
})
相关插件-拾色器

jQuery颜色选择插件evol.colorpicker

一个简单的颜色选择工具evol.colorpicker,使用jquery开发
  拾色器
 31509  334

js拾色器插件colorpicker.js

原生JS实现的拾色器
  拾色器
 33383  242

适合移动设备的小巧jQuery颜色拾取器

tinyColPicker是一款适合移动设备的小巧jQuery颜色拾取器。该jQuery颜色拾取器以移动手机为优先对象,它具有速度快、可扩展、高度灵活和可插拔等特点。该jQuery颜色拾取器大小仅4.7K,纯js,不需要图片和css代码。它基于cols.js制作而成,支持所有现代特性,如触摸屏和MS pointer。它使用GPU加速,使用requestanimationframe函数时电池工作时间更长
  拾色器
 30255  293
  拾色器
 29206  296

讨论这个项目(18)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    卢梓豪 0
    2024/1/26 14:33:21
    西北老汉 0
    2022/10/8 20:52:42
    天沧海 0
    2020/11/29 12:06:42
    谢谢大哥的资源,找了很久才找到 回复
    烟味 0
    2020/11/6 10:23:46
    设置颜色后刷新,在打开选择框颜色输入框里还是#ff0000 回复
    好大一块五花肉 0
    2020/10/14 17:07:39
    多谢楼主分享了
        好大一块五花肉0
        2020/10/27 9:19:03
        只能用于单个颜色修改,假如页面中有多个颜色选择器,则需要自己去修改代码了
        画地为牢吧0
        2020/10/29 23:37:17
        😀初始化多个,页面可以同时有多个颜色选择器的
    回复
    八味达人 0
    2020/9/28 11:00:36
    感觉还不错
        Luzio0
        2024/1/26 14:43:10
        好啊
    回复
    Palette 0
    2020/5/15 11:03:18
    小王子 0
    2019/12/17 10:53:27
    试试看行不行!
        yancey_080
        2019/12/18 10:45:36
        怎么样啊
        杰加0
        2020/12/20 14:58:23
        先下载拿去试试
        惊蛰0
        2022/5/9 11:27:03
        好不好用
    回复
    阿嘉'' 0
    2019/12/15 14:00:42
    先下载拿去试试
        惊蛰0
        2022/5/9 11:26:46
        好用?
        惊蛰0
        2022/5/9 11:26:47
        好用?
        用户55910591720
        2022/7/10 14:12:09
        好用嘛
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复