单击按钮没有任何反应

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