【问题标题】:HTML 5 app to use buttons on phone using phonegapHTML 5 应用程序使用 phonegap 使用手机上的按钮
【发布时间】:2013-11-29 18:03:22
【问题描述】:



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

到目前为止,我的代码与我尝试过的不同(已复制但无法正常工作):
http://pastebin.com/0U6ipFa7
代码有问题吗?
我是否需要更改配置中的某些内容才能正常工作?

【问题讨论】:

  • 你安装了phonegap插件
  • 不,我没有安装任何插件,是吗?

标签: android html cordova


【解决方案1】:

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>

【讨论】:

  • 我已经尝试过你上面所说的,但我看到的只是一个白色的空白屏幕,当我按下按钮时没有任何反应(我尝试了所有按钮),配置中没有什么地方我可以启用/禁用功能键吗?
【解决方案2】:
document.addEventListener("deviceready", function () {
        document.addEventListener("menubutton", menuKeyDown, true);
    }, false);
    function menuKeyDown() {
            alert('Menu button pressed.');
        }

参考thisphonegap 链接。

【讨论】:

  • 我已经尝试过你上面所说的,但我看到的只是一个白色的空白屏幕,当我按下按钮时没有任何反应(我尝试了所有按钮)。
  • 参考上面的PhoneGap链接。
【解决方案3】:

你应该先安装 phonegap 插件。

按照这个教程here

【讨论】:

    【解决方案4】:

    安装 phonegap/cordova here 甚至在 Eclipse IDE 中通过帮助安装 phone-gap 插件 --->eclipse 市场

    为了在点击移动选项时在移动设备中获取菜单选项,您应该获得类似设置、注销......

    menu option...

    【讨论】:

      猜你喜欢
      • 2014-10-01
      • 2011-05-09
      • 1970-01-01
      • 2013-05-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多