Главная страница / Занятия / #8 / События change, input, cut, copy и paste и работа с ними в JavaScript

События change, input, cut, copy и paste и работа с ними в JavaScript

Задание:

Рассказать про события change, input, cut, copy и paste и про работу с ними в JavaScript.

HTML–код (index.html):

   <!DOCTYPE html>
   
   <html lang="ru">
   
    <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>События change, input, cut, copy и paste и работа с ними в JavaScript</title>
     <script src="scripts.js"></script>
    </head>
   
    <body>
     <form name="myForm">
      <input id="firstInput" value=""><br><br>
      <div id="eventDiv"></div>
     </form>
    </body>
   
   </html>

JS–скрипты (scripts.js):

   window.onload = function()
   {
    document.getElementById('firstInput').oninput = function()
    {
     document.getElementById('eventDiv').innerHTML = document.getElementById('firstInput').value;
    };
   
    document.getElementById('firstInput').onchange = function()
    {
     alert('«change» event');
    };
   
    document.getElementById('firstInput').oncut = document.getElementById('firstInput').oncopy = document.getElementById('firstInput').onpaste = function(event)
    {
     alert('«'+event.type+'» event');
    };
   };

Результат:

Результат выполнения задания можно посмотреть здесь.