Javascript 功能未在按钮上运行单击phonegap
我有以下HTML:Javascript 功能未在按钮上运行单击phonegap,javascript,ios,cordova,camera,phonegap-build,Javascript,Ios,Cordova,Camera,Phonegap Build,我有以下HTML: ... </head> <body> <div class="app"> <h1>Match It!</h1> <div id="deviceready" class="blink"> <p class="event listening">Connecting to Device</p> &l
...
</head>
<body>
<div class="app">
<h1>Match It!</h1>
<div id="deviceready" class="blink">
<p class="event listening">Connecting to Device</p>
<p class="event received">Device is Ready</p>
</div>
</div>
<button id="camera">take a pic</button>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
app.initialize();
</script>
</body>
...
我希望单击按钮时执行
cameraUse
功能。将我的javascript更改为:
onDeviceReady: function() {
app.receivedEvent('deviceready');
document.getElementById("camera").addEventListener("click", function() {
navigator.camera.getPicture(function(imagePath){
document.getElementById("photoImg").setAttribute("src", imagePath);
}, function(){
alert("Photo cancelled");
}, {
destinationType: navigator.camera.DestinationType.FILE_URI
});
}, false);
}
不同之处在于,我将负责打开摄像头的代码直接移动到
addEventListener
调用中,而不是将其放在app
变量中自己的函数中。您是否下载了cordova摄像头,如果没有下载并尝试您的代码
使用对于cordova版本5.0+
cordova插件添加cordova插件摄像头 对于旧版本
cordova plugin add org.apache.cordova.camera酷,我来看看……现在我想在我点击一个按钮后打开一张谷歌地图……遇到麻烦……想要帮助吗?试试这就是我一直在看的……我正试图让一个按钮打开地图……我会问一个新问题并给你贴上标签这对其他人会有帮助的如果您编辑您的答案并添加有关此更改如何解决您的问题的说明,则将来会有人查看此问题。还记得将其标记为已接受的答案。谢谢您的编辑。您可以将自己的答案标记为已接受,以供将来参考,以及任何对您有帮助的答案。干杯。您的上述内容是错误的,请更改
document.getElementById(“摄影机”)。addEventListener(“单击”,cameraUse,false)代码>到document.getElementById(“摄影机”).addEventListener(“单击”,app.cameraUse,false)代码>您需要添加应用程序。在cameraUse
之前,另请参见:-Javascript不是Java。
onDeviceReady: function() {
app.receivedEvent('deviceready');
document.getElementById("camera").addEventListener("click", function() {
navigator.camera.getPicture(function(imagePath){
document.getElementById("photoImg").setAttribute("src", imagePath);
}, function(){
alert("Photo cancelled");
}, {
destinationType: navigator.camera.DestinationType.FILE_URI
});
}, false);
}