Javascript:重复事件中使用的变量即使已更改,也不会更新
我使用的是Simonwep的picker(颜色选择器),它在选择颜色后触发一个事件。基于此事件,我将颜色指定给以前选择的文本元素。当用户选择其他文本元素时,此文本元素(由变量表示)可以多次更改。但是,一旦将文本元素指定给变量并更改其颜色,任何其他文本元素上的每个后续颜色更改只会更改第一个选定的文本元素。 我已经将元素从var改为let,以绕过范围问题Javascript:重复事件中使用的变量即使已更改,也不会更新,javascript,events,scope,Javascript,Events,Scope,我使用的是Simonwep的picker(颜色选择器),它在选择颜色后触发一个事件。基于此事件,我将颜色指定给以前选择的文本元素。当用户选择其他文本元素时,此文本元素(由变量表示)可以多次更改。但是,一旦将文本元素指定给变量并更改其颜色,任何其他文本元素上的每个后续颜色更改只会更改第一个选定的文本元素。 我已经将元素从var改为let,以绕过范围问题 //on click of color dropdown open color chooser let color_c
//on click of color dropdown open color chooser
let color_chooser = Pickr.create({
el: '#color_btn',
theme: 'classic',
padding: 22,
components: {
// Main components
preview: true,
opacity: true,
hue: true,
default: '#d20d0d',
// Input / output Options
interaction: {
hex: true,
rgba: true,
hsla: false,
hsva: false,
cmyk: false,
input: true,
clear: false,
save: true
}
}
});
color_chooser.on('save', (color, instance) => {
//The following function only uses elem in its initial state, elem is obtained from another function
changeFillHex(elem, color.toHEXA().toString().substring(1)) //this function triggers a color change of elem
});
我对事件不熟悉,并适当地将参数传递给它们,因此非常感谢您提供的任何帮助您需要显示更多代码。。。什么是elem?代码中的什么值是错误的?