Как открыть текущую страницу в новой вкладке, а в старой другую?

Question

[vladislav997]

Подскажите, как при клике на ссылку открыть текущую страницу в новой вкладке, а в старой другую?

Comments

[Алексей Ярков]

Надеюсь вас за это не проклянут ))

[vladislav997]

Алексей Ярков, сам проклинаю таких)

Answer 1

[Дмитрий Беляев]

Можно как-то так:

const link = document.querySelector('a.some-link'); // подставьте свой селектор
link.addEventListener('click', event => {
  event.preventDefault();
  window.open(location.href);
  location.assign(link.href);
});

Но это неожиданное для пользователя поведение. И состояние страницы в новой вкладке будет как при загрузке.

Comments

[vladislav997]

хотя-бы так, спасибо

[vladislav997]

можно вопрос, почему ваш скрипт отрабатывает только для первой ссылки?

<a href="https://google.com" class="some-link">tap</a>
<a href="https://google.com" class="some-link">tap2</a>
<a href="https://google.com" class="some-link">tap3</a>

<script>
const link = document.querySelector('a.some-link');
link.addEventListener('click', event => {
  event.preventDefault();
  window.open(location.href);
  location.assign(link.href);
});
</script>

для tap2 и tap3 уже скрипт не работает?

[Дмитрий Беляев]

vladislav997, потому что document.querySelector ищет только первый подходящий элемент
для множества надо использовать document.querySelectorAll и перебирать результат циклом:

function listener(event) {
  event.preventDefault();
  window.open(location.href);
  location.assign(link.href);
}
const links = document.querySelectorAll('a.some-link');
links.forEach(link => link.addEventListener('click', listener));