Главная / Верстка / Веб формы для сайта / Автоматический клик

Автоматический клик


05.08.2013 14:4713550

Часто при использовании поиска, особенно когда встречается слово кнопка, можно увидеть различные варианты запросов на поиск решений, реализующих автоматический клик по кнопке или любому другому элементу на странице. Проще говоря - самонажимающуюся кнопку, или имитацию клика.


Где это может пригодиться и каким образом ? Тут однозначно сказать нельзя, наверное в первую очередь ваша фантазия должна подсказать, каким образом можно применить автоматическое нажатие кнопки.

Это может быть полезная информация , которая появится через определенный промежуток времени, или ссылка которая откроется в отдельном окне при заходе на страницу, только не нужно этим злоупотреблять.

Посетитель сам должен выбирать кнопку на которую нажмет по своему желанию. Но чисто теоритически данный метод может делать автоматический клик по ссылке (например рефссылка), выводить нужные блоки сразу при загрузке страницы, или же через определенный интервал, также с помощью этого метода можно заставить нажиматься любую кнопку через заданный промежуток времени.
 

Так что вариантов использования самонажимающихся кнопок или самопоявляющихся блоков, огромное множество. Как использовать данный урок, решайте сами, поэтому давайте перейдем к исходному коду, и сделаем кнопку, а потом применим несколько разных вариантов для ее нажатия.

1) Создаем кнопку, для этого нам вполне подойдет html тег button , который и предназначен для создания кнопок. Для того чтобы обращаться к нашей кнопке, зададим ей уникальный идентификатор, наприме id="justbutton", и для демонстрации выполнения создадим окно alert , которое будет информировать по клику. Теперь наша кнопка выглядит так:

<button id="justbutton" onclick="alert('Изучаем html, создаем кнопку button, 
присвоим ей идентификатор (id), и подключим обработчик')">Проинформировать
</button>

Теперь если нажать на кнопку, то появится окно, в котором будет содержимое alert. Но нам еще нужно заставить нажиматься эту кнопку самостоятельно, чтобы как только загрузилась страница, сразу происходило событие.

Для этого нужно повешать событие window.onload на кнопку, которое помогает реализовать любое действие при открытии страницы. Нам понадобится небольшой фрагмент js кода, присваивающий нашей кнопке (ее идентификатору) событие клика мышки. Сделать это можно так:

<button id="justbutton" onclick="alert('Изучаем html, создаем кнопку button, 
присвоим ей идентификатор (id), и подключим обработчик')">Проинформировать
</button>
<script>
  window.onload = function myd() {
  document.getElementById('justbutton').click()
  };
</script>

Благодаря этому фрагменту javascript, каждый раз при загрузке страницы будет появляться окошко alert с введенной информацией. Вместо окошка может быть что угодно, от ссылки до баннера.

А если понадобится запустить это окошко не сразу, а через определенный промежуток времени?  
Это также можно реализовать с помощью данного способа, добавив метод setTimeout, отвечающий за задержку времени, указываемого в миллисекундах, и выполняющегося один раз, что нам и нужно:


 <button id="justbutton" onclick="alert('Изучаем html, создаем кнопку button, 
присвоим ей идентификатор (id), и подключим обработчик')">Проинформировать
</button>
<script>
      setTimeout(function myd() {
        document.getElementById('justbutton').click()
      },3000);
</script>


Бывают случаи когда нужно через определенное время делать похожие действия, например нажимать на какую-нибудь кнопку, или выводить какую-нибудь информацию. Допустим нам нужно каждые 10 секунд нажимать на кнопку, это можно сделать используя setInterval, который отличается от метода setTimeout тем, что выполняет код в бесконечном цикле, через равные промежутки указанного времени, и может быть остановлен при помощи clearInterval. Исходный код для самонажимающейся каждые 10 секунд кнопки будет выглядеть так:


<button id="justbutton" onclick="alert('Изучаем html, создаем кнопку button, 
присвоим ей идентификатор (id), и подключим обработчик')">Проинформировать
</button>
<script>
 window.onload = function myd() {
 document.getElementById('justbutton').click()
 timeoutId = setInterval(myd, 10000)
//clearTimeout(timeoutId)  -  без этого цикл будет бесконечным, 
// если раскомментировать то сработает один раз
      }
	  
</script>

 



Вы не можете скачивать прикрепленные файлы.
Пожалуйста, включите JavaScript!

Button , Автоматический Клик , Клик , Кнопка





«Автоматический клик» - Похожие страницы

Нет записей


Комментарии отсутствуют
Добавление комментариев доступно только зарегистрированным пользователям