我创建了一个包含两个 div 的 HTML 页面。左侧的 div(页面的 90%)是 ajax 结果的目标。右侧的 div(页面的 10%)包含一个文本框。
该页面的想法是在文本框中输入零件编号(通过条形码扫描仪)并显示与该零件编号匹配的图形,显示在左侧 div 中。
我有所有的工作。那里没有问题。
我想不通的是如何在绘图加载后将焦点返回到文本框。
绘图作为对象加载,如下所示:
<div id="viz">
<object classid="clsid:A662DA7E-CCB7-4743-B71A-D817F6D575DF" width="640" height="480">
<param name="src" value="name_of_file.dwf" />
<param name="wmode" value="transparent" />
<param name="UserInterfaceEnabled" value="false" />
<param name="NavigatorDocked" value="true" />
<param name="ToolbarVisible" value="false" />
<embed width="100%" height="100%" wmode="transparent" src="<?php echo $drawingfullpath;?>" ></embed>
</object>
</div>
(对于任何记分的人来说,该对象是 Autodesk DWF 查看器。它的作用很像 Flash,但不接受所有相同的参数)。
始终将注意力集中在文本框中的最佳方法是什么?因为操作员将使用条形码扫描仪,所以如果失去焦点,我不希望他们需要鼠标点击回到文本框。
我宁愿不使用 jquery,因为这样一个简单的请求似乎有点过分了。但是,如果 jquery 是完成此任务的唯一方法,那很好。
更新
fiddle ( http://jsfiddle.net/g9YxB/7/ ) 已根据@subin 的最新建议进行了更新。
一旦对象加载,焦点仍然会丢失。但是,如果您单击离开页面然后单击返回,则焦点位于它所属的位置(在文本框中)。这一定是个线索,对吧?