JS更改隐藏字段后触发onchange

时间:2018-12-21 09:59:29

标签: javascript onchange

我的网站上有一个颜色选择器,它可以更改输入字段的值,然后当我切换到该字段时,其他字段会更改以提供一系列颜色。

我要将此字段更改为隐藏字段,并在颜色选择器更改其他字段时更改。

此刻,有一个onkeyup监听该字段。该功能称为DoKeyUp

var colorPicker = new iro.ColorPicker(".colorPicker", {
  // color picker options
  // Option guide: https://iro.js.org/guide.html#Color-Picker-Options
  width: 250,
  height: 250,
  color: {r: 255, g: 0, b: 0},
  anticlockwise: true,
  borderWidth: 1,
  borderColor: "#fff",
  // Dynamic CSS guide: https://iro.js.org/guide.html#Dynamic-CSS
});

var values = document.getElementById("jscolor");
var values1 = document.getElementById("ri");
var values2 = document.getElementById("gi");
var values3 = document.getElementById("bi");

// https://iro.js.org/guide.html#color-change
colorPicker.on("color:change", function(color) {
  // Show the current color in different formats
  // Using the selected color: https://iro.js.org/guide.html#Using-the-Selected-Color
  // hexString = hexString.replace('#', '');
  values.value = [color.hexString.replace('#', '')];
});

0 个答案:

没有答案