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

    移动端SEO wuya 105次浏览 已收录 0个评论

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

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

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

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

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

    关键代码如下。

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

    学海无涯 , 版权所有丨如未注明 , 均为原创丨转载请注明移动端网页构造快速响应按钮
    喜欢 (0)
    发表我的评论
    取消评论
    表情 加粗 删除线 居中 斜体 签到

    Hi,您需要填写昵称和邮箱!

    • 昵称 (必填)
    • 邮箱 (必填)
    • 网址