使用JavaScript代码根据事件监听实现表单取得焦点的功能。以下是示例代码:
HTML代码:
JavaScript代码: const form = document.querySelector('form'); const nameInput = document.querySelector('#name'); const emailInput = document.querySelector('#email');
nameInput.addEventListener('focus', () => { form.classList.add('focused'); });
emailInput.addEventListener('focus', () => { form.classList.add('focused'); });
nameInput.addEventListener('blur', () => { form.classList.remove('focused'); });
emailInput.addEventListener('blur', () => { form.classList.remove('focused'); });
CSS代码: form { border: 1px solid #ccc; padding: 10px; }
.focused { border-color: blue; }