当用户仅单击页面上的任意位置一次时，打开新选项卡

Question

我需要一些帮助，我想知道当用户仅单击一次页面上的任何位置时如何打开新选项卡。 这是给我的博客作者的。 我有以下代码：

 <script type="text/javascript"> var popup = function() { window.open ("http://example.com", "Window","status=1,toolbar=1,width=500,height=300,resizable=yes"); } </script> <body onclick="popup()"> <h1>Click anywhere!</h1> </body>

但是不起作用，因为每次单击都会打开一个新选项卡，我尝试使用Cookie编写此代码

 <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var expDays = 1; // number of days the cookie should last var page = "only-popup-once.html"; var windowprops = "width=300,height=200,location=no,toolbar=no,menubar=no,scrollbars=no,resizable=yes"; function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : ""); } function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString(); } var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000)); function amt(){ var count = GetCookie('count') if(count == null) { SetCookie('count','1') return 1 } else { var newcount = parseInt(count) + 1; DeleteCookie('count') SetCookie('count',newcount,exp) return count } } function getCookieVal(offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function checkCount() { var count = GetCookie('count'); if (count == null) { count=1; SetCookie('count', count, exp); window.open(page, "", windowprops); } else { count++; SetCookie('count', count, exp); } } // End --> </script>

但由于浏览器阻止了弹出窗口，因此无法正常工作。

当用户单击任意位置时，powvideo或animeflv之类的某些网站都有脚本，该脚本会自动打开一个新标签，例如data：text / html; base64，XXXXX

谢谢。

Answer 1

您只需要一个可以检查的标志，以查看是否仍然可以打开弹出窗口。

 var openPage = true; function popup() { if(openPage){ window.open ("http://example.com","Window","status=1,toolbar=1,width=500,height=300,resizable=yes"); openPage = false; } }

 <body onclick="popup()"> <h1>Click anywhere!</h1> </body>

Answer 2

<body class="index">

  <h1>Click anywhere!</h1>

  <script type="text/javascript">

    var homepage = document.querySelector('body.index');

    var popUp = function(e) {
      window.open ("http://example.com", "Window","status=1,toolbar=1,width=500,height=300,resizable=yes");
      homepage.removeEventListener('click', popUp, false);
    }

    homepage.addEventListener('click', popUp, false);

  </script>


</body>

Answer 3

<script>
var clickCounter = 0;

function clickMagnet(e){
  if( clickCounter == 0 ) {
    // open window code here
  }
  clickCounter++;
}
</script>
<body onclick="clickMagnet">

您需要一个变量来跟踪点击次数。 如果大于0，则不执行任何操作。 在我的示例中，我将一个函数绑定到主体，该主体由click事件触发。 clickCounter变量可跟踪点击次数。 将您的代码放在if条件中，其中conditionCheck == 0时打开窗口，您应该会很好。

当用户仅单击页面上的任意位置一次时，打开新选项卡

问题描述

3 个解决方案

解决方案1
1 2016-11-22 18:34:32

解决方案2
0 2016-11-22 18:47:05

解决方案3
0 2016-11-28 16:36:37

当用户仅单击页面上的任意位置一次时，打开新选项卡

问题描述

3 个解决方案

解决方案1 1 2016-11-22 18:34:32

解决方案2 0 2016-11-22 18:47:05

解决方案3 0 2016-11-28 16:36:37

解决方案1
1 2016-11-22 18:34:32

解决方案2
0 2016-11-22 18:47:05

解决方案3
0 2016-11-28 16:36:37