Почему событие onchage не срабатывает для select?

Question

[Ffff Gggg]

document.getElementById('pickerArea').innerHTML = `
<select id="selectTheme">
	<option>default</option>
	<option>ayu-dark</option>
	<option>ayu-mirage</option>
</select>`;

var sel = document.getElementById('selectTheme');

if(sel) {
	sel.addEventListener('onchange', (event) => {
    	alert('Theme changed');
    });
}

Answer 1

[alexalexes]

Есть события: click, change, input и т.д.
Привязка обработчика соответствующего события с использованием атрибута тэга осуществляется с приставкой on:

<select id="selectTheme" onchange="alert('Theme changed')">
</select>

Но в тоже время, привязка обработчика события с использованием addEventListener не требует указания on, берется само название события и с названием атрибута не нужно путать:

sel.addEventListener('change', (event) => {
    	alert('Theme changed');
    })

Comments

[Алексей Уколов]

Onchange — это не название события, а название атрибута, который хранит обработчик события. А событие везде одно. Вы как-то странно это сформулировали, поэтому уточняю.

[Ffff Gggg]

капец, спасибо большое, уже час пытаюсь понять проблему, а я просто недоглядел

[alexalexes]

поправил

Answer 2

[Алексей Уколов]

Потому что событие называется change.