Как сделать имитацию клика мыши?

Question

[Алексей Иванов]

У меня есть

<div class="text1"><a href="http://yandex.ru/">Ссылка</a></div>
<div class="text2">Сюда нужно кликнуть</div>

Мне нужно что при клике по div class="text2" открывалась новая вкладка с ссылкой div class="text1"

Answer 1

[Евгений]

Как-то так:

<a href="http://yandex.ru/" class="link">Link 1</a>
<div class="block">Click me</div>

var block = document.querySelector('.block');
var link = document.querySelector('.link');

block.addEventListener('click', function () {
    window.open(link.href, '_blank');
}, false);

Answer 2

[Web Developer Blog]

То есть изначально

<div class="text1"><a href="http://yandex.ru/">Ссылка</a></div>

Должен быть скрыт?

Comments

[Алексей Иванов]

нужно что бы при клике на любой из блоков он открывал новую вкладку по ссылке, но не прибегая к html на чистом js

Answer 3

[sergski]

var link = document.querySelector(".text1 a").getAttribute("href");
document.querySelector(".text2").addEventListener("click", function() {
  window.open(link);
});

Answer 4

[L0k1]

$(document).on('click', '.text2', function(){ $('.text1 a').trigger('click'); });

не?

Answer 5

[Алмаз Бисенбаев]

А просто продублировать ссылку сложно?

<div class="text1"><a href="http://yandex.ru/">Ссылка</a></div>
<a href="http://yandex.ru/" class="text2">Сюда нужно кликнуть</a>