如何使用 javascript 在 Cordova 中为按钮重新着色

Question

我尝试创建点击时重新着色的按钮。我的代码如下所示：

function foo(){
    var docFrag = document.createDocumentFragment();
    for (var i = 0; i < 4; i++) {
        var btn = document.createElement("button");
        btn.innerText = i;
        btn.id = "testbutton" + i;
        (function(btnID){
            btn.addEventListener("mousedown", function() {
                document.getElementById(btnID).style.backgroundColor = "red";
        })})(btn.id);
        (function(){
            btn.addEventListener("mouseup", function() {
                doSomethingElse();
        })})();
        docFrag.appendChild(btn);
    }
    document.getElementById("buttonContainer").appendChild(docFrag);
}

它在我的浏览器中确实有效，但当我将我的代码部署到模拟器时，它只是跳过着色部分或根本不执行。我使用“mousedown”的原因是我希望按钮在“mouseup”上做一些其他事情。我之前尝试过在“点击”时同时执行重新着色和其他功能，但它会完全跳过重新着色，因为新功能会覆盖以前的工作。

Answer 1

移动设备上没有鼠标，因此不存在“mousedown”事件。

我猜你应该改用“touchstart”和“touchend”。

=> https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent

如何使用 javascript 在 Cordova 中为按钮重新着色

How to recolor buttons in Cordova with javascript

html

javascript

cordova