使用箭头键将文本区域从一个div聚焦到另一个div可以通过以下步骤实现:
以下是一个示例代码:
<div tabindex="0" id="div1">Div 1</div>
<div tabindex="0" id="div2">Div 2</div>
<script>
const div1 = document.getElementById('div1');
const div2 = document.getElementById('div2');
document.addEventListener('keydown', function(event) {
if (event.key === 'ArrowUp') {
div1.focus();
} else if (event.key === 'ArrowDown') {
div2.focus();
}
});
</script>
这样,当用户按下向上箭头键时,焦点将从div2转移到div1;当用户按下向下箭头键时,焦点将从div1转移到div2。
腾讯云相关产品和产品介绍链接地址:
小程序云开发官方直播课(应用开发实战)
云+社区技术沙龙 [第30期]
云+社区技术沙龙[第7期]
云+社区技术沙龙[第2期]
腾讯云GAME-TECH游戏开发者技术沙龙
Elastic 中国开发者大会
云+社区开发者大会 武汉站
第四期Techo TVP开发者峰会
领取专属 10元无门槛券
手把手带您无忧上云