Question

以下代码来自phonegap官方网站。这不起作用。

<!DOCTYPE html>
<html>
  <head>
    <title>InAppBrowser.addEventListener Example</title>

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

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

    // Cordova is ready
    //
    function onDeviceReady() {
         var ref = window.open('http://apache.org', '_blank', 'location=yes');
         ref.addEventListener('loadstart', function() { alert('start: ' + event.url); });
         ref.addEventListener('loadstop', function() { alert('stop: ' + event.url); });
         ref.addEventListener('exit', function() { alert(event.type); });
    }

    </script>
  </head>
  <body>
  </body>
</html>

在此之后，我做了一个按钮。单击该按钮，然后打开应用程序浏览器。

function onDeviceReady() {
   $('#btn').click(function(){
       var ref = window.open('http://apache.org', '_blank', 'location=yes');
       ref.addEventListener('loadstart', function() { alert('start: ' + event.url); });
       ref.addEventListener('loadstop', function() { alert('stop: ' + event.url); });
       ref.addEventListener('exit', function() { alert(event.type); });
   });
}

当我第一次点击按钮时，没有提醒。所以我点击完成按钮关闭浏览器。然后我第二次点击按钮，警报正在运行。我重新部署该程序并重复此操作。结果相同，警报仅在我单击按钮时第二次触发。有人可以告诉我为什么吗？

Answer 1

试试这个：这可能是因为你在点击功能中声明了var ref

<!DOCTYPE html>
<html>
  <head>
    <title>InAppBrowser.removeEventListener Example</title>
    <script type="text/javascript" charset="utf-8" src="jquery.js"></script>
    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">

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

    // Global InAppBrowser reference
    var ref= null;

    function iabLoadStart(event) {
        alert(event.type + ' - ' + event.url);
    }

    function iabLoadStop(event) {
        alert(event.type + ' - ' + event.url);
    }

    function iabLoadError(event) {
        alert(event.type + ' - ' + event.message);
    }

    function iabClose(event) {
         alert(event.type);
         ref.removeEventListener('loadstart', iabLoadStart);
         ref.removeEventListener('loadstop', iabLoadStop);
         ref.removeEventListener('loaderror', iabLoadError);
         ref.removeEventListener('exit', iabClose);
    }

    // device APIs are available
    //
    function onDeviceReady() {
      $('#btn').click(function(){
         ref= window.open('http://apache.org', '_blank', 'location=yes');
         ref.addEventListener('loadstart', iabLoadStart);
         ref.addEventListener('loadstop', iabLoadStop);
         ref.removeEventListener('loaderror', iabLoadError);
         ref.addEventListener('exit', iabClose);
       });
    }

    </script>
  </head>
  <body>
   <button id='btn'>click me</button>
  </body>
</html>

为什么PhoneGap inAppBrowser事件只在第二次被触发？

1 个答案: