移动端网页构造快速响应按钮

PC端网站,经常会设计一个点击事件。

例如:< button onclick= signUp(>签约订单!< / button

使用这种方法创建的按钮,存在如下问题:当开始点击按钮开启点击事件时,浏览器会停留大约300毫秒的时间。这是因为浏览器在等待,看用户是否双击按钮。

但是移动端网页上的按钮,不会执行双击事件。解决方法如下:移动端网站,通过设置按钮的 touch End事件响应,而不是设置 click事件,来实现快速按钮。 touch End事件的触发是没有延迟的,该事件明显比 click事件要快。

通过监听按钮上的 touchStart位置的引用,开始监听 touch Move和 touchEd事件,能够确保网页按钮快速响应,引用元素和 click- handler来构建快速按钮的

关键代码如下。

标签： 移动互联网终端 按钮