Tenho o seguinte trecho de código:

<div id="listbox1div" style="z-index:95; background:white; overflow-y:auto; overflow-x:hidden; width:240; height:314px;">
<a id="focusLink2"></a>
<table id="ptObj_listbox1...

Tenho uma página que está construindo<div> elementos dinamicamente (como acima). Este<div> exibe dados na parte superior da tela principal. Quando a página gera os divs, eu gostaria de definir o foco. Não consigo colocar uma função onLoad na tag body, pois não sei quando as divs serão gerada

A <div> tag @ não pode ter o foco definido diretamente nela. Então eu coloquei um<a> tag com um ID que estou chamando na seguinte função:

function setTableFocus(count){
        var flinkText = 'focusLink'+count;
       document.getElementById(flinkText).focus();
}

Não estou recebendo nenhum erro e sei que a função está sendo chamada quando a página é apresentada (por meio de alertas). No entanto, ao usar as teclas de seta ou o botão Enter, a página inteira se move (nem mesmo a div que está apresentando os dados

Quando clico em um dos elementos da tabela (usando o mouse). Depois disso, o evento de pressionamento de tecla começa a funcionar. O que eu gostaria que isso fosse fazer é apresentar os dados ao usuário e ser automaticamente acionado pelo teclad

Alguém tem alguma sugestão de como fazer isso?