Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   События CLICK и BLUR (https://javascript.ru/forum/css-html/75702-sobytiya-click-i-blur.html)

Ppezrk 30.10.2018 17:20

События CLICK и BLUR
 
Возможно ли сделать глобальный eventListener для всех editable елементов (существующих и созданных после полной загрузки документа) на событие blur и для всех clickable на событие click?

Dilettante_Pro 30.10.2018 17:46

<html>
<body>
   <div id="div1">div1</div>
   <img id= "img1" src = "https://javascript.ru/cat/list/donkey.gif">
   <div id="div2">div2</div>  
</body>
<script>
window.addEventListener('click', function(e) { alert(e.target.id)}); // Один обработчик

var body = document.querySelector('body');
var newEl = document.createElement('div'); // Создаем новый див
newEl.id='div3';
newEl.innerText = 'div3';
body.appendChild(newEl);

for(var i = 1; i < 3; i++) {                            // Создаем 2 новых инпута
   newEl = document.createElement('input');
   newEl.id='inp' + i;
   body.appendChild(newEl);
}
</script>
</html>


Часовой пояс GMT +3, время: 10:37.