javascript - Chrome - 扩展选项屏幕不允许我关注下一个字段

Question

我正在开发一个带有选项屏幕的 Chrome 扩展。它包含一个 10x5 网格表单输入，我试图让字段在用户输入数据时自动聚焦到下一个字段。我按照这个问题列出的代码进行操作: Using Javascript to Auto move cursor onto next form field

但是，当我加载扩展程序时，当我单击扩展程序下的选项时，焦点到下一个字段将不起作用。当我单独加载 options.html 文件时，焦点函数就可以正常工作。不知何故，焦点功能在 Chrome 的选项屏幕中不起作用，但当我自己加载 html 文件时却起作用。

Chrome 选项屏幕有什么特殊之处导致焦点无法工作吗？

代码示例:选项.html

<td><input type="text" size="1" maxlength="1" id="A1" onkeyup="moveOnMax(this,document.getElementById('B1'))" autofocus></td>
<td><input type="text" size="1" maxlength="1" id="B1" onkeyup="moveOnMax(this,document.getElementById('C1'))"></td>
<td><input type="text" size="1" maxlength="1" id="C1"></td>
<td><input type="text" size="1" maxlength="1" id="D1"></td>

该脚本目前也是 html 形式:

<script language="javascript" type="text/javascript"> 

   function moveOnMax(field, nextFieldID) { 
      if (field.value.length >= field.maxLength) { 
         nextFieldID.focus(); 
      } 
   } 

</script>

Answer 1

我认为您正在尝试执行 <script></script> 中的脚本标签。 Google Chrome 内容安全政策不允许这样做。

See this详细了解 Chrome 认为哪些内容不安全。

如果您不尝试使用脚本标签，请查看控制台，如果报告了一些错误，请告诉我们。