2012-11-12 150 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''有時候可以工作,因爲我測試的項目相當複雜......我編輯了我的答案以反映這一點。 –