如何从输入类型=颜色返回颜色
How to return a color from input type = color
嘿,伙计们,我已经尝试了一段时间了,所以我会尽力解释
您可以使用<input type="color"/>
来获得一个简单的颜色选择器。。。我的问题是,在我选择一种颜色并单击"确定"之后,或者在选择完如何返回我选择的颜色之后?
如果有人知道如何做到这一点,请分享!提前感谢
在change
事件之后访问节点的value
属性:
var input = document.getElementById('colorInputElement');
function newColor () {
console.log(this.value);
}
input.addEventListener('change', newColor);
JS Fiddle演示。
仅在Chromium 27/Uubuntu 12.10中进行了测试和验证。
由于它是一个input
类型,您只需获取元素的值即可。
您想如何取回它?服务器端(php,…)还是客户端(js)?
服务器端:获取post变量,将其转储并检查格式。
客户端:使用获取值jQuery(element).val();
就像任何其他输入一样,您可以通过document.getElementById('ID').value
获取值。
Js出价
相关文章:
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- 节点导出返回一个空对象
- ES6构造函数返回基类的实例
- 监视函数从服务返回不起作用,但作用域函数起作用
- 控制台返回var不是't定义,但它是
- 从函数返回角度承诺
- 如何使HTML5颜色选择器返回颜色名称而不是颜色代码
- 清除值时,将输入背景颜色返回到原始状态
- 为什么函数在画布中返回错误的颜色
- D3:优化序数比例以返回颜色组
- $.height 在颜色框中返回 0
- 如何从输入类型=颜色返回颜色
- 编写一个查找值并返回颜色的循环
- 使用tab键更改焦点颜色的按钮,并在按enter键时返回原始颜色
- 如何从颜色盒获得返回值
- 十六进制颜色码的按位补码总是返回6个字符吗?
- 如何从外部url获取图像数据并返回颜色
- javascript getImageData未从png图像返回正确的像素颜色
- 使用指令范围的D3颜色选择器总是返回第一种颜色
- 使用函数返回描边的一系列颜色