open('','','width=1,height=1').document.write('<input type=color>')
点击颜色控件,点击钢笔图标,可在屏幕上取色。按空格可在圈圈中实时显示当前颜色。
当然远没有系统自带的方便~
1
nanvon 2022-01-25 14:09:51 +08:00
可以把代码加到 javascript ()内,添加到收藏夹
|
2
iMusic 2022-01-25 18:54:51 +08:00
哈哈哈 简直棒呆了
|
3
muhuan 2022-01-26 08:08:55 +08:00 via iPhone
厉害
|
4
mscststs 2022-01-26 13:33:49 +08:00
```
javascript:(()=>{let d = document; let s=d.createElement("input");s.style="display:none";s.type="color";d.body.appendChild(s);s.click();s.oninput=(e)=>{navigator.clipboard.writeText(e.target.value);d.body.removeChild(s)};})(); ``` 添加到收藏夹,取色后自动拷贝到剪贴板。 仅在 Edge 上调试通过,其他浏览器不知道 |
5
iqoo OP @mscststs 元素不用添加到文档,直接在内存里 click 就可以
let s = document.createElement('input') s.type = 'color' s.click() |
6
iqoo OP @mscststs 不过 chromium 的弹出的颜色面板没法拖动,取不到面板后面的颜色。所以才用 open 弹窗,面板可以跟随小窗口移动。
|
7
mscststs 2022-05-13 10:58:59 +08:00
对于 Edge > 95 和 Chrome > 95 ,亦可使用以下代码
``` javascript:(async ()=>{navigator.clipboard.writeText((await (new EyeDropper()).open()).sRGBHex);})(); ``` |