Question

我有一个请求，在页面加载时我应该触发标签按键盘事件。我试过下面的例子，但它不起作用。

我的要求是在页面加载时将焦点设置在父html页面中的元素上，但我无权访问此父页面的源代码。我的html页面是父框架的一部分。所以在加载我的页面时（父级已经加载）我想触发tab按键事件来将焦点设置在父元素上。

注意：此元素是父页面中的第一个元素，因此在第一个选项卡上焦点转移到此页面。我无法编辑父页面

＆＃13;

<!DOCTYPE html>
<html>
   <head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script>
         $(document).ready(function(){
         	$("#input1").focus();
             var press = jQuery.Event("keypress");
             press.which = 9;
             $("#input1").trigger(press);
         });
         
         
      </script>
   </head>
   <body>
      <input type="text" name="myInput1" id="input1" />
      <input type="text" name="myInput2" id="input2" />
      <input type="text" name="myInput3" id="input3" />
   </body>
</html>

＆＃13;

Answer 1

此$("1")无法正常工作。您必须按类$(".1")或ID $("#1")获取元素。在您的情况下，它将是$("#1")。

Answer 2

要在iFrame的父级中查找，请使用：

$('#parentPrice', window.parent.document).focus();

$（）包装器的第二个参数是要搜索的上下文。这默认为文档。

触发选项卡在页面加载时按键事件

2 个答案: