Как изменить background через события keydown/keypress/keyup?

253

31 октября 2017, 00:46

function keyDown { 
  var bgc = document.getElementsByTagName("body"); 
  bgc.style.background = "#8ce2bd"; 
} 
 
function keyUp { 
  var bgc = document.getElementByTagName("body"); 
  bgc.style.background = "#ff6100"; 
} 
 
function keyPress { 
  var bgc = document.getElementsByTagName("body"); 
  bgc.style.background = "#ff00ee"; 
}

<form oninput="result.value=(t.value)"> 
  <p>Введите ваш текст: 
    <input type="text" name="t" keydown="keyDown()" keypress="keyPress()" keyup="keyUp()"></p> 
  <p>Снова он-же: <output name="result"> </output></p> 
</form>

Answer 1

function keyDown() { 
  document.getElementsByTagName("body")[0].style.background = "#8ce2bd"; 
} 
 
function keyUp() { 
  document.getElementsByTagName("body")[0].style.background = "#ff6100"; 
} 
 
function keyPress() { 
  document.getElementsByTagName("body")[0].style.background = "#ff00ee"; 
}

<form oninput="result.value=(t.value)"> 
  <p>Введите ваш текст: 
    <input type="text" name="t" onkeydown="keyDown()" onkeypress="keyPress()" onkeyup="keyUp()"></p> 
  <p>Снова он-же: <output name="result"> </output></p> 
</form>