Question

我在这里有一个示例表格： https://jsfiddle.net/swbrains/42n5vuwz/ 它有大约40个文本输入字段和相应的选择字段。每个选择字段中都有大约40个选项。我已经将HTML缩减为文本，并在表单内的表格中选择输入字段。

在Windows 10上使用Chrome（版本65.0.3325.181）（在两台不同的Win 10 PC上测试）时，输入任何编辑字段都是滞后的。简单地触摸打字时不太明显，但是当按住一个字符让它重复时可以更容易看到，然后按住Backspace键重复删除每个字符。 Keypress /浏览器响应会立即显示在其他页面/表单上，但在使用此表单并按住某个字符重复时，每隔几个字符就会有明显的延迟。

当我在Firefox或MS Edge上使用相同的页面时，文本输入字段完全没有任何延迟。我已尝试禁用Chrome的表单填写选项以防以某种方式相关。我还启用并禁用了Chrome的硬件加速功能，看看它是否有所作为，但它没有。我尝试使用Chrome时登录和退出我的Google帐户，但这并不重要。我尝试通过在线验证器运行HTML，以确保我在某个地方没有丢失匹配的表格行或单元格标记，但它恢复得很好。

我很难理解为什么这种形式会导致这种类型的延迟，而且仅限于Chrome。

PS：编辑警告我，如果我引用jsfiddle，我必须在这里包含代码，但是我的完整格式超过30000个字符，所以编辑警告我，我的消息正文太长了。为了满足编辑的要求，我在下面列出了40个选择语句中的一个，但仅此代码不会重复该问题。 jsfiddle有完整的形式可以复制问题（至少对我而言）：）

    <form name=testform action="#" method="post">    
    <table>
        <tr>
            <td>
            <input type=text name="textfield0" size=20 maxlength=30 value="Option 3">
            </td>
            <td>
            <select name="selector0" id="selector0" >
<option >Option 0</option>
<option >Option 1</option>
<option >Option 2</option>
<option selected>Option 3</option>
<option >Option 4</option>
<option >Option 5</option>
<option >Option 6</option>
<option >Option 7</option>
<option >Option 8</option>
<option >Option 9</option>
<option >Option 10</option>
<option >Option 11</option>
<option >Option 12</option>
<option >Option 13</option>
<option >Option 14</option>
<option >Option 15</option>
<option >Option 16</option>
<option >Option 17</option>
<option >Option 18</option>
<option >Option 19</option>
<option >Option 20</option>
<option >Option 21</option>
<option >Option 22</option>
<option >Option 23</option>
<option >Option 24</option>
<option >Option 25</option>
<option >Option 26</option>
<option >Option 27</option>
<option >Option 28</option>
<option >Option 29</option>
<option >Option 30</option>
<option >Option 31</option>
<option >Option 32</option>
<option >Option 33</option>
<option >Option 34</option>
<option >Option 35</option>
<option >Option 36</option>
<option >Option 37</option>
</select>

            </td>
        </tr>
</table>
<form>

感谢任何人可能有任何想法，为什么在Chrome中出现这种情况，例如此。

Chrome文本输入字段按键滞后，具有多个选择/输入

0 个答案: