Как реализовать имитацию 3 кликов после нажатия на кнопку?

Question

[secretsergey]

Добрый день. Суть вопроса такова, имеется 4 кнопки, требуется после клика на первую автоматически имитировать клики по остальным.

<button id="button-main"></button>
<button id="button-1"></button>
<button id="button-2"></button>
<button id="button-3"></button>

Пока сообразил только так и то не работает. + требуется прикрутить setTimeout (чтобы клики были в порядке очереди)

<script type="text/javascript">
$('#button-main').click(function(){
$('#button-1').click();
$('#button-2').click();
$('#button-3').click();
});
</script>

Comments

[Hyubert]

Попробуйте callback hell, а если не важен IE, то промис.
В конце по ссылке

Answer 1

[4X_Pro]

Можно попробовать так:

$('#button-main').click(function(){
  $('#button-1').trigger("click");
  $('#button-2').trigger("click");
  $('#button-3').trigger("click");
});

Если не поможет, то разбираться с объектом event. Будет что-то примерно такое:

var event = document.createEvent("MouseEvents");
        event.initEvent("click", true, true); 
        event.synthetic = true; 
        document.getElementById('button-1').dispatchEvent(event, true);

Comments

[Exploding]

trigger("click") можно использовать, если для объекта предопределено это событие... Собственно, а если нет, то и нафига кликать то тогда)))

[secretsergey]

Не сработало:(

[secretsergey]

Не подскажете как сюда setTimeout засунуть ещё?:(

[4X_Pro]

$('#button-main').click(function(){
  setTimeout(function() { 
  // делаем что-то с кнопкой 1
},50);
  setTimeout(function() { 
  // делаем что-то с кнопкой 2
},150);
  setTimeout(function() { 
  // делаем что-то с кнопкой 1
},250);
}

А что хоть вы вообще пытаетесь сделать?

[secretsergey]

4X_Pro: Уже сам додумал до этого (ниже пост) :) Только так не работает...
На OpenCart 2 упрощённый заказ.

[Kovalsky]

secretsergey: на самом деле работоспособность предложенного варианта прямо зависит от того, для каких элементов вы генерируете клики. Существуют случаи, когда все эти клики будут игнорироваться, т.к. потому что они untrusted - сгенерированы не в результате действий пользователя. Будет проще если вы хотя бы разметку покажете.

[secretsergey]

Никита Полевой: Сейчас обратил внимание что каждая последующая кнопка подгружается через ajax после клика на предыдущую. Возможно поэтому мой код и не работает, хотя тогда не могу понять, почему клики 4 кнопок работают, странно, буду разбираться.

Answer 2

[secretsergey]

При загрузке страницы с таким кодом все кнопки прокликиваются отлично.

<script type="text/javascript">
$(document).ready(function(){
  setTimeout(function(){
  $('#button-main').trigger('click');
  },2000);
  setTimeout(function(){
  $('#button-1').trigger('click');
  },3000);
  setTimeout(function(){
  $('#button-2').trigger('click');
  },4000);
  setTimeout(function(){
  $('#button-3').trigger('click');
  },5000);
 });
</script>

Comments

[secretsergey]

Пытаюсь засунуть 3 кнопки под 1 и ничего не выходит.

<script type="text/javascript">
$('#button-main').click(function(){
  setTimeout(function(){
  $('#button-1').trigger('click');
  },3000);
  setTimeout(function(){
  $('#button-2').trigger('click');
  },4000);
  setTimeout(function(){
  $('#button-3').trigger('click');
  },5000);
 });
</script>