2012-11-12 75 views
0

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

<!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环境?

+0

你说的console.log不工作 - 怎么样的警报()?那是火吗? – asgeo1

回答

-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> 
+1

在UIWebViews中触发点击事件。尽管如此,它们通常比触摸等价物慢。 – asgeo1

+0

你是对的,我没有意识到''onclick''有时候可以工作,因为我测试的项目相当复杂......我编辑了我的答案以反映这一点。 –