Question

我在我的网络应用中实现了一个简单的数字键盘。当我从我的电脑上运行它时，运行正常。按钮响应速度尽可能快。当我从我的（第一代）Kindle Fire运行它时，按钮的响应最多为2个按钮/秒。我几乎从我的应用程序中删除了所有内容，只留下了以下仍然很慢的html文件。

<!DOCTYPE html>
<html>
    <head>
        <title>TestButtons</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
    </head>
    <body>
        <div id="NumPad">
            <br/>
            <input type="button" value="7" style="width:56px;height:56px;"/>
            <input type="button" value="8" style="width:56px;height:56px;"/>
            <input type="button" value="9" style="width:56px;height:56px;"/>
            <br/>
            <input type="button" value="4" style="width:56px;height:56px;"/>
            <input type="button" value="5" style="width:56px;height:56px;"/>
            <input type="button" value="6" style="width:56px;height:56px;"/>
            <br/>
            <input type="button" value="1" style="width:56px;height:56px;"/>
            <input type="button" value="2" style="width:56px;height:56px;"/>
            <input type="button" value="3" style="width:56px;height:56px;"/>
            <br/>
        </div>
    </body>

我做错了什么？这个“app”可以在以下位置运行： http://www.bwh2566.co.nf/TestButtons/

Answer 1

使用fastclick删除浏览器的点击延迟。

来自快速阅读自述文件：

...移动浏览器将等待您点击按钮以触发点击事件的大约300毫秒。原因是浏览器正在等待您是否实际执行双击。

试图构建一个简单的Web应用程序，用于Kindle Fire，但按钮太慢。为什么？

1 个答案: