Question

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

我也试过设计它们，但它们保留了默认设计。我刚刚使用普通代码我只是不知道他们有什么问题

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

Answer 1

请勿使用，而是使用CSS创建按钮，以便他们对触摸做出反应。这需要一些javascript，因为即使大多数移动浏览器都没有正确地将触摸事件映射到CSS：active pseudoclass。

您的“按钮”：

<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;
}

这是你在onready 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进行任何更改，以确定按钮在处于活动状态和非活动状态时的外观。

Answer 2

嗯..你的问题不是那么清楚。但是，如果您只想在按钮中发光，则可以查看Formalize如何做到这一点。

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

<强>更新对不起，Oooops错过了“PhoneGap”部分。我上面给出的解决方案仅适用于普通的html表单，我还没有使用phonegap的经验。干杯。：）

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

2 个答案: