單擊按鈕沒有任何反應

Question

我是Cordova的新手，我正在嘗試創建一個使用設備運動插件（加速度計）的快速應用程序。 我在index.html文件中創建了一個按鈕，該按鈕應該使X，Y，Z內容在警報框中彈出，但是該按鈕似乎沒有任何作用。

JavaScript內容：

bindEvents: function() {
    document.addEventListener('deviceready', this.onDeviceReady, false);
    document.getElementById("btnClick").addEventListener("click", clickbtn);
},

function clickbtn(){    
      alert('Acceleration X: ' + acceleration.x + '\n' +
      'Acceleration Y: ' + acceleration.y + '\n' +
      'Acceleration Z: ' + acceleration.z + '\n' +
      'Timestamp: '      + acceleration.timestamp + '\n');
}

HTML：

<div class="app">
        <h1>Apache Cordova</h1>
        <button class="ui-btn" id="btnClick" >Get location</button> <br/>
</div>

我做錯了什么嗎？ （或者，有沒有一種方法可以查看我按下按鈕時發生的情況？）

Answer 1

請看以下示例： https : //cordova.apache.org/docs/en/4.0.0/cordova/events/events.deviceready.html

您的身體應調用onload函數：

<body onload="onLoad()">

函數onload應該調用deviceready函數：

function onLoad() {
    document.addEventListener("deviceready", onDeviceReady, false);
}

並且您應該使用按鈕偵聽器創建一個設備就緒回調：

function onDeviceReady() {
    $("#btnClick").click(function(){
       //make some funny things
       alert("clicked");
    });
}

Answer 2

嘗試這個。 電話空缺完全加載后，您的按鈕將開始工作。 JavaScript代碼：

document.addEventListener('deviceready', onDeviceReady, false);

function onDeviceReady(){
  document.getElementById("btnClick").onclick = function(){
     alert('Acceleration X: ' + acceleration.x + '\n' +
      'Acceleration Y: ' + acceleration.y + '\n' +
      'Acceleration Z: ' + acceleration.z + '\n' +
      'Timestamp: '      + acceleration.timestamp + '\n');
 }
}

和您的HTML將保持不變。

<div class="app">
        <h1>Apache Cordova</h1>
        <button class="ui-btn" id="btnClick" >Get location</button> <br/>
</div>

單擊按鈕沒有任何反應

問題描述

2 個解決方案

解決方案1
0 2016-10-12 12:17:06

解決方案2
0 已采納 2016-10-24 06:26:10

單擊按鈕沒有任何反應

問題描述

2 個解決方案

解決方案1 0 2016-10-12 12:17:06

解決方案2 0 已采納 2016-10-24 06:26:10

解決方案1
0 2016-10-12 12:17:06

解決方案2
0 已采納 2016-10-24 06:26:10