如何 Onload() 将焦点设置为 jQuery Handsontable

Posted 2023-03-22

【中文标题】如何 Onload() 将焦点设置为 jQuery Handsontable

【英文标题】：How to Onload() set focus to jQuery Handsontable

【发布时间】：2012-06-16 00:02:18

【问题描述】：

将焦点 onload 设置到 jQuery Handsontable 中的第一个字段的正确方法是什么？

这里是示例链接http://jsfiddle.net/4kvMq/4/

$(function () 
  $(window).load(function () 
    $('#example10grid table tbody tr td:first-child').focus();
  );
);

甚至尝试过手动设置焦点但没有成功！

$('#btnGo').click(function() 
    $(".dataTable table tbody tr td:first-child").focus();
);

非常感谢！

【参考方案1】：

感谢您的请求。现在有一个公共方法可以做到这一点。

在按钮上使用它：

$('#btnGo').click(function(event) 
  setTimeout(function() 
      //timeout is needed because Handsontable normally deselects 
      //current cell when you click outside the table
      $("#example10grid").handsontable("selectCell", 0, 0);
  , 10);
);

或准备好 DOM：

$(function() 
  setTimeout(function()  
      //timeout is needed because Handsontable normally deselects 
      //current cell when you click outside the table
      $("#example10grid").handsontable("selectCell", 0, 0);
  , 10);
);

现场示例：http://jsfiddle.net/warpech/4kvMq/35/

【讨论】：

谢谢。这个黑客工作正常。我已经写信给GitHub

现在有一个方法：“selectCell”。我会更新我的答案。

【参考方案2】：

你不能这样做。问题在于handsontable 处理焦点事件的方式。它将一个点击处理程序绑定到hmtl 元素，并且如果您的光标在桌子上，则每毫秒检测一次。因此，您不能在特定元素上使用 click() 或 focus() 更改焦点。

此外，由于出于安全原因，您无法使用 javascript 更改光标位置（并且 jQuery 本身无法触发单击或焦点事件），因此您无法轻松更改单元格上的焦点。只能修改 handsontable 本身以更改选定的表格单元格。

【讨论】：

萨米，感谢您的意见。真的很感激。