Forum Discussion

CurtisStanford's avatar
CurtisStanford
Community Member
3 years ago

Updating Variable While Typing In Text Input Field

Somebody once shared this JS as a solution, which works well for a single text field on the screen. But it only seems to focus on the first text field if there are multiple. Is there a way to have a...
storyline 360
Nedim's avatar
Nedim
Community Member

Hi Curtis,

For more text fields, you should probably use "querySelectorAll" along with "forEach" method. 
For example:

const textFields = document.querySelectorAll('.acc-textinput');

textFields.forEach((textField) => {
textField.addEventListener('keyup', () => {
textField.blur();
textField.focus();
console.log("Worked for me");
});
});

StefanKoler-a6f's avatar
StefanKoler-a6f
Community Member
16 days ago

Did this stop working?

  • Nedim's avatar
    Nedim
    Community Member
    16 days ago

    It works in the latest Storyline version v3.94.33511.0. If you are still running one or two previous versions  run this this code instead:

    const Inputs = () => {

	const inputs = document.querySelectorAll('.acc-textinput');
	
		inputs.forEach((input) => {
			input.addEventListener('keyup', () => {
			input.blur();
			input.focus();
		});
	});
}

setTimeout(Inputs, 100)
Related Content