javascript - <input type ="color"/> — 用js打开颜色选择器

标签 javascript input

我已经知道了:

<span class="opener">Open</span>
<input type="color" class="btn-invisible" />

我想使用 JS 打开该字段的颜色选择器。我尝试过:

document.querySelector('span.opener')
  .addEventListener('click', 
    e => document.querySelector('.btn-invisible').focus()
  );

但这不会打开颜色选择器。如果可以用JS实现的话,怎么实现?

最佳答案

不需要 JavaScript,只需在输入周围包裹一个标签即可:

<label>
  Open
  <input type="color" style="display:none">
</label>

关于javascript - &lt;input type ="color"/> — 用js打开颜色选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43590283/

相关文章:

javascript - 如何使用 JS/Jquery 检测输入值何时动态变化

c++ - cin - 读取加/减为 char

C程序使用结构体显示识字率最高和收入最高的州

javascript - 如果 aria-valuenow = 0,则将类添加到按钮

javascript - 如何用javascript读取href的内容?

javascript - 更新饼图的 D3 工具提示

javascript - Axios 在 React 中无法获取数据,但在控制台中可以获取数据

html - 为 iOS 居中 HTML 输入字段

javascript - 客户端路由。它是如何工作的?

javascript - react 中的`$(...).fullCalendar is not a function`