如何控制Android PhoneGap上的按鈕閃爍應用程序

Question

我正在Android上編寫PhoneGap應用程序。我試圖保持純粹的HTML + CSS + JS，而無需調用特定的PhoneGap API。所以這個應用程序有點像嵌入式網頁，或多或少。

該頁面上有一些「按鈕」，它們實際上是具有一些CSS屬性（其中指針：指針）和onClick函數的表格單元格。

我注意到，當我觸摸一個按鈕，它會「閃爍」一秒左右，然後執行相應的操作。順便說一句，我不太喜歡這個，因爲它會導致UI的延遲。

某些「按鈕」激活菜單。我通過使可見的半透明黑色div覆蓋整個屏幕來處理菜單，並在其上方包含一個居中的div，其中包含一個包含菜單項的表格。 （黑色的div和居中的div通常是隱藏的）。

問題是，當我觸摸菜單項時，它不會閃爍;其中一個底層按鈕會閃爍（也就是說，其中一個當前由半透明黑色div覆蓋，並且應該處於非活動狀態）。然而，執行正確的操作，換句話說，菜單項的onClick函數被調用，而不是閃爍的按鈕之一。

所以我的問題是雙重的： 1）是否有一個簡單的方法來使正確的項目閃光（我的意思是菜單項，而不是基礎的，半覆蓋的按鈕）？ 2）是否有一種簡單的方法可以完全禁用按鈕閃爍，這樣用戶界面就會加速並解決問題1呢？

非常感謝

Answer 1

你應該使用觸摸事件，這是支持在Android的WebKit。這會阻止您在onClick事件引起的HTML元素上看到的選擇+觸摸行爲。

Android版本過去的Android 1.5支持觸摸事件，如touchstart和touchend。我推薦使用它們，並閱讀Apple's documentation（是的，我知道它很奇怪，但Google的Web應用程序文檔仍然很差touchevents。）