div内的水平和垂直导航使用文本沿着和向下的箭头

Question

我有一个带有多行（多行）文本的HTML div 。我需要使用键盘箭头（向上，向下，向左，向右）启用水平和垂直导航，如在html输入字段（文本区域，文本）中沿文本或下一行。

<div id='enabled_arrow_navigation'>
 Horizontal and Vertical navigation inside, div using arrows along and down the text, 
 Horizontal and Vertical navigation inside div using arrows along and down the text
 Horizontal and Vertical navigation inside div using arrows along and down the text
</div>

我尝试了以下代码，但它不能正常工作

$("#enabled_arrow_navigation").keyup(function(e) 
{
    if (e.keyCode == 40) 
    {  
        Navigate(1);
    }
    if(e.keyCode==38)
    {
        Navigate(-1);
    }
});

Answer 1

您可以通过将contenteditable属性添加到true

来使div可编辑

<div id='enabled_arrow_navigation' contenteditable='true'>
 Horizontal and Vertical navigation inside, div using arrows along and down the text, 
 Horizontal and Vertical navigation inside div using arrows along and down the text
 Horizontal and Vertical navigation inside div using arrows along and down the text
</div>