我有以下代码片段:
<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...
Run Code Online (Sandbox Code Playgroud)
我有一个<div>动态构建元素的页面(如上所述).这<div>会在主屏幕顶部显示数据.当页面生成div时,我想设置焦点.我不能在body标签上放一个onLoad函数,因为我不知道什么时候生成div.
一个<div>标签不能有焦点设置于它直接.所以我<a>在下面的函数中放了一个带有id 的空标签:
function setTableFocus(count){
var flinkText = 'focusLink'+count;
document.getElementById(flinkText).focus();
}
Run Code Online (Sandbox Code Playgroud)
我没有收到任何错误,我知道在页面显示时(通过警报)正在调用该函数.但是,当我使用箭头键或输入按钮时整个页面移动(甚至不是呈现数据的div).
当我点击其中一个表格元素(使用鼠标).之后,keydown事件开始工作.我想要做的是将数据呈现给用户并自动进行键盘驱动.
有没有人有任何建议我怎么能做到这一点?
我有一个按钮,将在页面上添加显示表单.如何在单击该按钮时将焦点移动到表单的第一个字段?
简单的例子:
HTML:
<form style="display:none;" id="newForm">
<input type="text" id="firstField">
</form>
<input type="button" id="showForm" value="add new">
Run Code Online (Sandbox Code Playgroud)
jQuery的:
$("#showForm").click(function(){
$("#newForm").show();
//move focus??
});
Run Code Online (Sandbox Code Playgroud)