我在 phonegap 中的 HTML 按钮没有反应答案

【问题标题】：No reaction from my HTML buttons in phonegap我在 phonegap 中的 HTML 按钮没有反应
【发布时间】：2011-06-08 21:27:04
【问题描述】：

我有三个 HTML 按钮，当我点击它们时，没有外部发光，它们什么也不做。

我也尝试过设置它们的样式，但它们保持默认设计。我只是使用了普通代码，我只是不知道它们有什么问题

<input type="button" value="Proceed">
<input type="button" value="Cancel">

【问题讨论】：

嗯，从指定的代码来看，很难说..

标签： css html cordova

【解决方案1】：

不要使用，而是使用 CSS 来创建按钮，以便它们对触摸做出反应。它需要一些 javascript，因为即使大多数移动浏览器也无法将触摸事件正确映射到 CSS :active 伪类。

你的“按钮”：

<a class="button" id="yourButton">Button</a>

一些非常基本的 CSS 来切换触摸时的背景和文本颜色：

a.button {
    color:#fff;
    border:0px;
    padding:5px;
    background:#000;
}

a.button-active {
    background:#fff;
    color:#000;
}

这是您将在 onload on deviceready 处理程序中调用的 javascript。我在这里使用 xuijs (xuijs.com)，但您可以使用 jQuery 或任何其他 javascript 添加和删除类：

x$('.button').on('touchstart', function(e) { 
    x$(e.currentTarget).addClass('button-active'); 
} );
x$('.button').on('touchend', function(e) { 
    x$(e.currentTarget).removeClass('button-active'); 
} );

这是一个非常基本的例子。完成所有设置后，您可以对 CSS 进行任何更改，以确定按钮处于活动状态和非活动状态时的外观。

【讨论】：

【解决方案2】：

嗯..你的问题不是很清楚。但如果你只想让按钮发光，你可以看看Formalize 是如何做到的。

Here's a page 显示按钮发光效果（按下时）。

更新： 糟糕，抱歉，错过了“PhoneGap”部分。我上面给出的解决方案只适用于普通的html表单，我还没有使用phonegap的经验。干杯。 :)

【讨论】：