HTML 5应用程序使用phonegap在手机上使用按钮

时间:2013-11-29 09:11:23

标签: android html5 cordova



我正在尝试使用PhoneGap在html 5中制作移动应用程序 为此,我将使用按钮(如菜单按钮)
当我在谷歌搜索时,我可以找到代码,但在我看来,只对我不起作用。

我的代码到目前为止我所尝试的(复制和不工作):
http://pastebin.com/0U6ipFa7
代码中有什么问题吗?
我是否需要在配置中更改某些内容以便这样做?

4 个答案:

答案 0 :(得分:0)

document.write()只能在您的脚本与HTML内联时使用,例如:

<html>
  <head>
    <title>Foo</title>
  </head>
  <body>
    <script language="javascript">
      document.write("bar");
    </script>
  </body>
</html>

在您的情况下,您应该使用innerHTML

<html>
  <head>
    <title>Foo</title>
    <script language="javascript">
      function onMenuKeyDown() {
        document.getElementById("barCntr").innerHTML += "<h1>Menu</h1>";
      }
    </script>
  </head>
  <body>
    <div id="barCntr"></div>
  </body>
</html>

答案 1 :(得分:0)

安装phonegap / cordova here,甚至在Eclipse IDE安装手机插件插件中去帮助---&gt; eclipse market

在手机上点击手机选项获取菜单选项你应该得到设置,注销....

menu option...

答案 2 :(得分:0)

您应该先安装phonegap插件。

按照本教程here

答案 3 :(得分:0)

document.addEventListener("deviceready", function () {
        document.addEventListener("menubutton", menuKeyDown, true);
    }, false);
    function menuKeyDown() {
            alert('Menu button pressed.');
        }

请参阅this phonegap链接以供参考。