javascript – focus()在边缘浏览器中不起作用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – focus()在边缘浏览器中不起作用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1987字，纯文字阅读大概需要3分钟。

内容图文

我在单击按钮后使用popup.focus()来聚焦弹出窗口.除了**** EDGE ****浏览器之外,focus()适用于所有浏览器.我面临的问题是间歇性的.有时我能够在浏览器上查看弹出窗口(子弹出对话框),有时在浏览器后面,即在桌面上,我能够通过任务栏上的闪烁识别弹出窗口是打开的.

任何建议都会非常感激

var popup = new PopupWind(url,'config')
popup.setFeature('height', height)
popup.setFeature('resizable', 'no')
popup.setFeature('scrollbars', 'no')
popup.setFeature('left', xLoc) // IE
popup.setFeature('top', yLoc)
popup.setFeature('screenx', xLoc) // NS
popup.setFeature('screeny', yLoc)??
popup.open()
popup.focus();

我尝试使用它来使焦点()在EDGE中工作,但事实并非如此

popup.blur();
setTimeout( popup.focus,0); 

解决方法:

我有一个解决方案/ Hack

请在Edge浏览器中打开解决方案的链接
https://codepen.io/PocketNinjaDesign/pen/OgbQXO

窗户没有间歇地聚焦！

问题是你需要弄乱页面的焦点.如果你打开一个弹出窗口,然后专注于父页面,那么移动父页面甚至只有1个像素.单击该按钮将再次关注弹出窗口.

所以对于一个残缺的网页浏览器,窗口方法看起来似乎不起作用,除了等待几年他们修复他们的焦点()错误之外,你能做什么.

嗯,黑客是通过生成一个临时空弹出窗口从父窗口中删除焦点.然后专注于主弹出并关闭临时弹出窗口.全部由setTimeout @ 300ms包裹,任何更低,它似乎对我不起作用.

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<div id="button" class="bttn">Open Popup</div>
<div id="focus" class="bttn focus">Focus on Popup</div>

JAVASCRIPT

// This is the main guts of this page!
var isMSEdge = function() {
  return window.navigator.userAgent.toLowerCase().indexOf('edge') > -1;
};

$(function() {
  var $bttn = $('#button');
  var $focusBttn = $('#focus');
  var tempWin;
  var testWindow;

  $bttn.on('click', function() {
    testWindow = window.open('', "pocketninja", "width=300, height=300");
    $focusBttn.show();
    $(this).hide();
  });

  $focusBttn.on('click', function() {
    if(testWindow && isMSEdge()) {
        tempWin = window.open('', 'temp', 'width=1, height=1');

        setTimeout(function() {
          testWindow.focus();
          tempWin.close();
        }, 300);   
    }
    else {
      testWindow.focus();
    }
  });
});

内容总结

以上是互联网集市为您收集整理的javascript – focus()在边缘浏览器中不起作用全部内容，希望文章能够帮你解决javascript – focus()在边缘浏览器中不起作用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端