我是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>
我做错什么了吗?(或者,有没有一种方法可以查看我按下按钮时发生的情况?)
试试这个。电话空缺完全加载后,您的按钮将开始工作。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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句