###前提・実現したいこと
ここに質問したいことを詳細に書いてください
HTMLに配置したボタンをクリックするとネイティブな機能を呼び出すJavaScriptの読み込みを行いたです。
以下のコードをHTML内に記述することで、ネイティブな機能を呼び出すJavaScriptの読み込みが行われることは確認できたのですが、それをボタンクリックのタイミングで行いたです。
JavaScriptを呼び出すHTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title> LIVE </title> <body> <a href="javascript:void(0)" onclick="imgClick();"> <img src="img/Icon.png" width="100" height="100" ; /></a> <script type="text/javascript" src="js/index.js"></script> </body> </head> </html>
ネイティブ機能を呼び出すJavaScript var app = { // Application Constructor initialize: function() { this.bindEvents(); }, // Bind Event Listeners // // Bind any events that are required on startup. Common events are: // 'load', 'deviceready', 'offline', and 'online'. bindEvents: function() { document.addEventListener('deviceready', this.onDeviceReady, false); }, // deviceready Event Handler // // The scope of 'this' is the event. In order to call the 'receivedEvent' // function, we must explicitly call 'app.receivedEvent(...);' onDeviceReady: function() { //app.receivedEvent('deviceready'); cordova.exec(function() { //成功時に呼ばれる関数 console.log('プラグイン呼び出しに成功しました'); }, function() { //失敗時に呼ばれる関数 console.log('プラグイン呼び出しに失敗しました'); //プラグイン名、呼び出すプラグインのアクション名、ネイティブ側に渡す配列 }, 'livestreaming', '', ['']); }, // Update DOM on a Received Event receivedEvent: function(id) { var parentElement = document.getElementById(id); var listeningElement = parentElement.querySelector('.listening'); var receivedElement = parentElement.querySelector('.received'); listeningElement.setAttribute('style', 'display:none;'); receivedElement.setAttribute('style', 'display:block;'); console.log('Received Event: ' + id); } }; app.initialize();
###補足情報(言語/FW/ツール等のバージョンなど)
開発ツール:AndroidStudio
開発PC:MAC OSX
どなたかわかる方教えていただけると幸いです。
よろしくお願いいたします。
あなたの回答
tips
プレビュー