`; } document.querySelectorAll('.tabs .tab').forEach(function (onglet) { onglet.addEventListener('keydown', function (e) { if (e.key === 'Enter') { setTimeout(function () { onglet.click(); }, 10); } }); }); document.querySelectorAll('.toolbar .icon').forEach(function (icone) { icone.addEventListener('keydown', function (e) { if (e.key === 'Enter') { icone.querySelector('i').click(); } }); }); document.addEventListener('keydown', function (e) { if (e.ctrlKey && e.key === 'ArrowUp') { e.preventDefault(); const onglets = document.querySelectorAll('.tabs .tab'); onglets.forEach(function (onglet, index) { if (onglet.hasAttribute('style') && onglet.style.length > 0 && (onglet.textContent === 'index.html' || onglet.textContent === 'style.css')) { suivant(onglet, '.tab').click(); } else if (onglet.hasAttribute('style') && onglet.style.length > 0 && onglet.textContent === 'app.js') { document.querySelector('.tabs .tab').click(); } }); } else if (e.ctrlKey && e.key === 'ArrowDown') { e.preventDefault(); const onglets = document.querySelectorAll('.tabs .tab'); onglets.forEach(function (onglet, index) { if (onglet.hasAttribute('style') && onglet.style.length > 0 && (onglet.textContent === 'app.js' || onglet.textContent === 'style.css')) { precedent(onglet, '.tab').click(); } else if (onglet.hasAttribute('style') && onglet.style.length > 0 && onglet.textContent === 'index.html') { document.querySelector('.tabs .tab:nth-child(3)').click(); } }) } }); function suivant (el, selector) { const nextEl = el.nextElementSibling; if (!selector || (nextEl && nextEl.matches(selector))) { return nextEl; } return null; } function precedent (el, selector) { const prevEl = el.previousElementSibling; if (!selector || (prevEl && prevEl.matches(selector))) { return prevEl; } return null; } window.addEventListener('load', function () { setTimeout(function () { document.querySelector('#editeur textarea').focus(); }, 10); });