功能未在按钮单击phonegap上运行

Posted

技术标签:

【中文标题】功能未在按钮单击phonegap上运行【英文标题】:Function not running on button click on phonegap 【发布时间】:2015-11-21 13:51:57 【问题描述】:

我有以下 html

...

</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>

...

我正在尝试在单击 ID 为 camera 的按钮时打开相机。

我在 index.js 中有以下 JavaScript:

var app = 

    ...

    cameraUse: function() 
        navigator.camera.getPicture(function(imagePath)
            document.getElementById("photoImg").setAttribute("src", imagePath);
        , function()
            alert("Photo cancelled");
        , 
            destinationType: navigator.camera.DestinationType.FILE_URI
        );
    ,

    // 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');
        document.getElementById("camera").addEventListener("click", cameraUse, false);
    ,

我希望在单击按钮时执行cameraUse 函数。

【问题讨论】:

您的上述错误,将document.getElementById("camera").addEventListener("click", cameraUse, false); 更改为document.getElementById("camera").addEventListener("click", app.cameraUse, false); 您需要在cameraUse 之前添加app. 参见:***.com/questions/33778334/… - Javascript 不是Java。 【参考方案1】:

您是否下载了科尔多瓦相机plugin,如果没有下载并尝试您的代码

使用 适用于科尔多瓦 5.0+ 版 科尔多瓦插件添加科尔多瓦插件相机

对于旧版本 cordova 插件添加 org.apache.cordova.camera

【讨论】:

很酷,请检查一下...现在我尝试在单击按钮后打开谷歌地图地图...遇到问题...需要帮助吗? 试试这个https://developers.google.com/maps/documentation/javascript/tutorial 这是我一直在看的……我正在努力让一个按钮打开地图……我会问一个新问题并标记你【参考方案2】:

将我的 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 变量中的自己的函数中。

【讨论】:

如果您编辑您的答案并添加有关此更改如何解决您的问题的说明,这将对将来查看此问题的其他人有所帮助。还记得将其标记为已接受的答案。 感谢您的编辑。您可以将自己的答案标记为已接受,以供将来参考,并upvote 任何对您有帮助的答案。干杯。

以上是关于功能未在按钮单击phonegap上运行的主要内容,如果未能解决你的问题,请参考以下文章

如何在phonegap中的按钮上添加功能?

从 ms 团队应用程序的命令框单击后,未在 bot 上获得任务/获取查询

单击inappbrowser中启动的页面上的按钮时如何关闭phonegap inappbrowser?

我只想使用 Phonegap 定位 iPhone(不是 iPad)

单击按钮后,Bootstrap5 模态未在 React.js 中显示

PhoneGap 安全吗?