EDGE无法显示键盘输入

时间:2019-01-24 08:23:19

标签: javascript html performance delay microsoft-edge

下面的代码在被edge执行时显示了很多输入滞后。 重现步骤:

  1. 将代码段复制粘贴到本地html文件中。 在stackoverflow中,无法从snippit编辑器中复制。
  2. 打开边缘
  3. 确保边缘设置/高级中的自动填充表单字段为开。实际不需要这些表单字段
  4. 用随机键(超过10个键/秒)猛击键盘 这有点粗鲁,但有必要证明。在存在CSS的生产页面上,正常键入足以看到问题。
  5. 不确定是否重要,此问题的版本 微软Edge 42.17134.1.0 Microsoft EdgeHTML 17.17134

即使您已经不再继续敲击键盘,您仍会看到输入仍在填充。

已找到解决方法,但对于我们的情况不可接受

  1. 在边缘禁用“保存表单条目”选项。 (不可接受,因为我们不能强迫所有用户这样做)
  2. 删除表单元素(显然不可接受)

<html>
<head>

</head>
<body>
<form method="post">
    <div>
        <div>
            <table>
                <tr>
                    <td><input class="decimal" id="OrderLines_0__AmountExcl" name="OrderLines[0].AmountExcl" type="text" value="45,00" /></td>
                    <td><input class="decimal" id="OrderLines_0__VAT" name="OrderLines[0].VAT" type="text" value="21,00" /></td>
                    <td><input class="decimal" id="OrderLines_0__Quantity" name="OrderLines[0].Quantity" type="text" value="1,00" /></td>
                    <td><input id="OrderLines_0__Unit" name="OrderLines[0].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_0__ReductionPercentage" name="OrderLines[0].ReductionPercentage" type="text" value="" /></td>
                   
                </tr>
                <tr>
                    <td><input id="OrderLines_1__AmountExcl" name="OrderLines[1].AmountExcl" type="text" value="" /></td>
                    <td><input id="OrderLines_1__VAT" name="OrderLines[1].VAT" type="text" value="" /></td>
                    <td><input id="OrderLines_1__Quantity" name="OrderLines[1].Quantity" type="text" value="" /></td>
                    <td><input id="OrderLines_1__Unit" name="OrderLines[1].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_1__ReductionPercentage" name="OrderLines[1].ReductionPercentage" type="text" value="" /></td>
               
                </tr>
                <tr>
                    <td><input id="OrderLines_2__AmountExcl" name="OrderLines[2].AmountExcl" type="text" value="" /></td>
                    <td><input id="OrderLines_2__VAT" name="OrderLines[2].VAT" type="text" value="" /></td>
                    <td><input id="OrderLines_2__Quantity" name="OrderLines[2].Quantity" type="text" value="" /></td>
                    <td><input id="OrderLines_2__Unit" name="OrderLines[2].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_2__ReductionPercentage" name="OrderLines[2].ReductionPercentage" type="text" value="" /></td>
                   
                </tr>
                <tr>
                    <td><input id="OrderLines_3__AmountExcl" name="OrderLines[3].AmountExcl" type="text" value="" /></td>
                    <td><input id="OrderLines_3__VAT" name="OrderLines[3].VAT" type="text" value="" /></td>
                    <td><input id="OrderLines_3__Quantity" name="OrderLines[3].Quantity" type="text" value="" /></td>
                    <td><input id="OrderLines_3__Unit" name="OrderLines[3].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_3__ReductionPercentage" name="OrderLines[3].ReductionPercentage" type="text" value="" /></td>
                  
                </tr>
                <tr>
                    <td><input id="OrderLines_4__AmountExcl" name="OrderLines[4].AmountExcl" type="text" value="" /></td>
                    <td><input id="OrderLines_4__VAT" name="OrderLines[4].VAT" type="text" value="" /></td>
                    <td><input id="OrderLines_4__Quantity" name="OrderLines[4].Quantity" type="text" value="" /></td>
                    <td><input id="OrderLines_4__Unit" name="OrderLines[4].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_4__ReductionPercentage" name="OrderLines[4].ReductionPercentage" type="text" value="" /></td>
               
                </tr>
                <tr>
                    <td><input id="OrderLines_5__AmountExcl" name="OrderLines[5].AmountExcl" type="text" value="" /></td>
                    <td><input id="OrderLines_5__VAT" name="OrderLines[5].VAT" type="text" value="" /></td>
                    <td><input id="OrderLines_5__Quantity" name="OrderLines[5].Quantity" type="text" value="" /></td>
                    <td><input id="OrderLines_5__Unit" name="OrderLines[5].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_5__ReductionPercentage" name="OrderLines[5].ReductionPercentage" type="text" value="" /></td>
             
                </tr>
                <tr>
                    <td><input id="OrderLines_6__AmountExcl" name="OrderLines[6].AmountExcl" type="text" value="" /></td>
                    <td><input id="OrderLines_6__VAT" name="OrderLines[6].VAT" type="text" value="" /></td>
                    <td><input id="OrderLines_6__Quantity" name="OrderLines[6].Quantity" type="text" value="" /></td>
                    <td><input id="OrderLines_6__Unit" name="OrderLines[6].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_6__ReductionPercentage" name="OrderLines[6].ReductionPercentage" type="text" value="" /></td>
               
                </tr>
                <tr>
                    <td><input id="OrderLines_7__AmountExcl" name="OrderLines[7].AmountExcl" type="text" value="" /></td>
                    <td><input id="OrderLines_7__VAT" name="OrderLines[7].VAT" type="text" value="" /></td>
                    <td><input id="OrderLines_7__Quantity" name="OrderLines[7].Quantity" type="text" value="" /></td>
                    <td><input id="OrderLines_7__Unit" name="OrderLines[7].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_7__ReductionPercentage" name="OrderLines[7].ReductionPercentage" type="text" value="" /></td>
                
                </tr>
                <tr>
                    <td><input id="OrderLines_8__AmountExcl" name="OrderLines[8].AmountExcl" type="text" value="" /></td>
                    <td><input id="OrderLines_8__VAT" name="OrderLines[8].VAT" type="text" value="" /></td>
                    <td><input id="OrderLines_8__Quantity" name="OrderLines[8].Quantity" type="text" value="" /></td>
                    <td><input id="OrderLines_8__Unit" name="OrderLines[8].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_8__ReductionPercentage" name="OrderLines[8].ReductionPercentage" type="text" value="" /></td>
              
                </tr>
                <tr>
                    <td><input id="OrderLines_9__AmountExcl" name="OrderLines[9].AmountExcl" type="text" value="" /></td>
                    <td><input id="OrderLines_9__VAT" name="OrderLines[9].VAT" type="text" value="" /></td>
                    <td><input id="OrderLines_9__Quantity" name="OrderLines[9].Quantity" type="text" value="" /></td>
                    <td><input id="OrderLines_9__Unit" name="OrderLines[9].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_9__ReductionPercentage" name="OrderLines[9].ReductionPercentage" type="text" value="" /></td>                  
                </tr>
            </table>
        </div>
    </div>
</form>
</body>
</html>

Edge性能分析器在输入事件上显示很大的延迟 100msdelay

并将其固定到默认在Edge中启用的AutoFormFill扩展

Autoformfill js

详细概述getFormIdentifier

enter image description here

详细概述Isimple iloop

enter image description here

0 个答案:

没有答案