Використовуючи javascript, я хочу відкрити нову сторінку на іншій вкладці, але зосереджуватись на поточній вкладці. Я знаю, що можу зробити це так:
open('http://example.com/');
focus();
Однак, коли я роблю це в chrome, на мить блимає нова вкладка, перш ніж повернутися до поточної вкладки. Я хочу цього уникнути.
Додаток - це особистий закладка, тому він повинен працювати лише в найновішій версії Chrome.
Відповіді:
ОНОВЛЕННЯ: До версії 41 Google Chrome, initMouseEvent здавалося, змінилася поведінка.
це можна зробити, імітуючи ctrl+ click(або будь-яку іншу комбінацію клавіш / подія, що відкриває фонову вкладку) для динамічно сформованого aелемента з hrefатрибутом, встановленим на потрібнийurl
В дії: скрипка
function openNewBackgroundTab(){
var a = document.createElement("a");
a.href = "http://www.google.com/";
var evt = document.createEvent("MouseEvents");
//the tenth parameter of initMouseEvent sets ctrl key
evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0,
true, false, false, false, 0, null);
a.dispatchEvent(evt);
}
перевірено лише на хромі
a.target='_blank';.
MouseEvent('click', {view: window, ctrlKey: true, metaKey: true});, щойно відкрита вкладка все одно краде фокус. Мені чогось не вистачає?
THX за це питання! Для мене добре працює у всіх популярних браузерах:
function openNewBackgroundTab(){
var a = document.createElement("a");
a.href = window.location.pathname;
var evt = document.createEvent("MouseEvents");
//the tenth parameter of initMouseEvent sets ctrl key
evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0,
true, false, false, false, 0, null);
a.dispatchEvent(evt);
}
var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if(!is_chrome)
{
var url = window.location.pathname;
var win = window.open(url, '_blank');
} else {
openNewBackgroundTab();
}
Наскільки я пам’ятаю, це контролюється налаштуваннями браузера. Іншими словами: користувач може вибрати, чи бажає він відкривати нову вкладку у фоновому режимі або на передньому плані. Також вони можуть вибрати, чи відкриватиметься нове спливаюче вікно в новій вкладці, або просто ... спливаюче.
Наприклад, у налаштуваннях Firefox:
Зверніть увагу на останній варіант.
Я зробив саме те, що ви шукаєте, дуже просто. Це ідеально гладко в Google Chrome та Opera, і майже ідеально у Firefox та Safari. Не перевірено в IE.
function newTab(url)
{
var tab=window.open("");
tab.document.write("<!DOCTYPE html><html>"+document.getElementsByTagName("html")[0].innerHTML+"</html>");
tab.document.close();
window.location.href=url;
}
Скрипка: http://jsfiddle.net/tFCnA/show/
Пояснення:
Скажімо, є вікна A1 та B1 та веб-сайти A2 та B2.
Замість того, щоб відкрити B2 в B1, а потім повернутися до A1, я відкриваю B2 в A1 і знову відкриваю A2 в B1.
(Ще одна річ, завдяки якій це працює, полягає в тому, що я не змушую користувача повторно завантажувати A2, див. Рядок 4)
Єдине, що вам може не сподобатися, це те, що нова вкладка відкривається перед головною сторінкою.
Ось повний приклад навігації по дійсній URL-адресі на новій вкладці з фокусом.
HTML:
<div class="panel">
<p>
Enter Url:
<input type="text" id="txturl" name="txturl" size="30" class="weburl" />
<input type="button" id="btnopen" value="Open Url in New Tab" onclick="openURL();"/>
</p>
</div>
CSS:
.panel{
font-size:14px;
}
.panel input{
border:1px solid #333;
}
JAVASCRIPT:
function isValidURL(url) {
var RegExp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;
if (RegExp.test(url)) {
return true;
} else {
return false;
}
}
function openURL() {
var url = document.getElementById("txturl").value.trim();
if (isValidURL(url)) {
var myWindow = window.open(url, '_blank');
myWindow.focus();
document.getElementById("txturl").value = '';
} else {
alert("Please enter valid URL..!");
return false;
}
}
Я також створив смітник із рішенням на http://codebins.com/codes/home/4ldqpbw