Смена id объекта JS

205

04 мая 2018, 12:02

Есть два объекта input

<input id="inp1" />
<input id="inp2" />

у них есть событие oninput

getInput.oninput = function() {
  if (document.activeElement == getInput) {
    sendInput.value = (getInput.value * courseInput.value);
  }
}
sendInput.oninput = function() {
  if (document.activeElement == sendInput) {
    getInput.value = (sendInput.value / courseInput.value);
  }
}

Так же есть кнопка(img) с событием onclick:

for (var i = 0; i < ex.length; i++) {
  ex[i].onclick = function() {
    var temp = getInput.id;
    getInput.id = sendInput.id;
    sendInput.id = temp;
  }
}

Я хочу, что бы, по клику на кнопку, у input менялись id местами, это сейчас происходит, но события oninput продолжают работать как и работали, то есть визуально в разметке объекты местами поменялись, но события остались как прежде. Что нужно сделать, что бы событие следовали за id?

Answer 1

document.getElementById("inp1").oninput = recalculate;
document.getElementById("inp2").oninput = recalculate;
function recalculate()
{
  var getInput  = document.getElementById("inp1");
  var sendInput = document.getElementById("inp2");
  if (document.activeElement == getInput) {
    sendInput.value = (getInput.value * courseInput.value);
  } else if (document.activeElement == sendInput) {
    getInput.value = (sendInput.value / courseInput.value);
  }
}