ios phonegap 环境不工作答案

【问题标题】：ios phonegap environment not workingios phonegap 环境不工作
【发布时间】：2012-11-12 15:56:46
【问题描述】：

我已经在 Eclipse 中实现了一个带有 phonegap for android 的基本示例。比我去 ios 环境。我已经下载了 cordova 插件并创建了一个新项目。然后我用我为android创建的www文件夹替换了www文件夹。索引 html 文件如下所示：

<!DOCTYPE html>
<html>
  <head>
  <meta http-equiv=content-type content=text/html charset="utf-8">
    <title>navigator.network.connection.type Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Wait for Cordova to load
    // 
   // document.addEventListener("deviceready", onDeviceReady, false);

    // Cordova is loaded and it is now safe to make calls Cordova methods
    //


    function helloworld() {
                console.log('phone gap log...');
        alert('Hello World'); 

    }


  </script>
  <script src="http://debug.phonegap.com/target/target-script-min.js#anonymous"></script>
  </head>
  <body background="login.png">

  <img alt="" src="login_logo.png" STYLE="position:absolute;LEFT:25px">
    <form STYLE="position:absolute;TOP:175px; LEFT:65px; WIDTH:100px; HEIGHT:50px" >
        Kullanıcı Adı:<br> <input type="text" id="uname" ><br>
        Şifre:<br> <input type="text" id="pword"><br>
    </form>
    <button type="submit"  onclick="helloworld()" STYLE="position:absolute;TOP:295px; LEFT:110px; WIDTH:100px; HEIGHT:50px" >GİRİŞ</button>
  </body>
</html>

屏幕风格与android相同。但是当我按下提交按钮时，我没有任何操作或没有登录 xcode 或 ios 模拟器。但它适用于android和eclipse。为什么我的简单代码在ios环境下不起作用？

【问题讨论】：

您说 console.log 不起作用 - alert() 呢？会火吗？

标签： ios cordova

【解决方案1】：

onclick 事件在 Web 视图中不可靠。您需要改用ontouchstart 或其他事件侦听器。 Apple Documentation 列出了支持的触摸事件。

因此，在您的情况下，您必须将 button 更改为以下内容：

<button type="submit"  ontouchstart="helloworld()" STYLE="position:absolute;TOP:295px; LEFT:110px; WIDTH:100px; HEIGHT:50px" >GİRİŞ</button>

【讨论】：

点击事件在 UIWebViews 中触发。不过，它们通常比触摸等效物要慢。
你说得对，我没有意识到 onclick 有时会起作用，因为我测试的项目相当复杂......我编辑了我的答案以反映这一点。