Как скрыть footer, если человек печатает в input?
Проблема заключается в том, что когда человек заходит в какой-либо из input(ов), footer перекрывает его. Вопрос, как, и можно ли вообще скрыть что-либо, при условии, если человек печатает?
Ответы (1 шт):
Автор решения: Alexandr
→ Ссылка
Вот пример касаемо вашего вопроса
const inputs = [...document.querySelectorAll('input')];
const content = document.querySelector('.content');
inputs.forEach(inp =>{
inp.addEventListener('focus', (event) => {
content.style.display = 'none';
});
inp.addEventListener('blur', (event) => {
content.style.display = 'block';
});
}).content{
margin: 50px;
padding : 50px;
color: red;
background: #ccc
}<form id="form">
<input type="text" placeholder="text">
<input type="password" placeholder="password">
</form>
<div class = 'content'>Hide when typing</div>