【问题标题】:How to control button flashing on Android PhoneGap app如何在 Android PhoneGap 应用程序上控制按钮闪烁
【发布时间】:2011-07-25 04:18:53
【问题描述】:

我正在 Android 上编写一个 PhoneGap 应用程序。我试图保持纯 HTML+CSS+JS,而不调用特定的 PhoneGap API。因此,该应用或多或少在某种程度上是一个嵌入式网页。

页面上有一些“按钮”,它们实际上是带有一些 CSS 属性(其中光标:指针)和 onClick 函数的表格单元格。

我注意到当我触摸一个按钮时,它会“闪烁”一秒钟左右,然后执行相应的动作。顺便说一句,我不太喜欢这个,因为它会导致 UI 延迟。

一些“按钮”激活菜单。我通过使覆盖整个屏幕的半透明黑色 div 可见来处理菜单,在其上方是一个居中的 div,其中包含一个包含菜单项的表格。 (黑色的 div 和居中的 div 通常是隐藏的)。

问题是当我触摸一个菜单项时,它不闪烁;底层按钮之一会闪烁(即,目前被半透明黑色 div 覆盖且应该处于非活动状态的按钮之一)。然而,执行了正确的操作,换句话说,菜单项的 onClick 函数被调用,而不是闪烁的按钮。

所以我的问题有两个: 1)有没有一种简单的方法可以使正确的项目闪烁(我的意思是菜单项而不是底层的半覆盖按钮)? 2) 有没有一种简单的方法可以完全禁用按钮闪烁,从而加快 UI 速度并解决问题 1?

非常感谢

【问题讨论】:

    标签: android browser cordova


    【解决方案1】:

    您应该使用 Android WebKit 支持的触摸事件。这将阻止您在 HTML 元素上看到的 onClick 事件导致的选择 + 触摸行为。

    Android 1.5 之前的 Android 版本支持触摸事件,例如 touchstart 和 touchend。我建议使用它们,并阅读Apple's documentation(是的,我知道这很奇怪,但 Google 的 Web App 文档在触摸事件方面仍然很差。)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-01-21
      • 1970-01-01
      • 2018-01-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多