Как создать событие, которое запустит другое событие без jquery? - PullRequest
Новая
       7

Как создать событие, которое запустит другое событие без jquery?

0 голосов
/ 19 апреля 2020

Да, я прочитал этот вопрос о том, как мы можем написать jquery код простым javascript, но я хочу знать, как мы можем вызывать события, используя простой javascript

Итак, как вызвать событие отправки, когда событие нажатия на кнопку инициируется без использования jquery?

Ответы [ 3 ]

0 голосов
/ 19 апреля 2020 

window.onload = function(){
     document.getElementsByTagName('button')[0].addEventListener('click', function(){
          document.getElementsByTagName('form')[0].submit();
     })
}
<form>
     <button>click</button>
</form>
0 голосов
/ 19 апреля 2020

Сначала получите кнопки и формы, зарегистрируйте их обработчики click и submit соответственно. 

window.onload = function() {
  const buttons = Array.from(document.getElementsByTagName('button'));
  const forms = Array.from(document.getElementsByTagName('form'));

  const onButtonClicked = function(event) {
    forms.forEach((form) => {
      form.submit();
    });
  };

  const onFormSubmitted = function(event) {
    console.log('Form submitted!');
  };

  buttons.forEach((button) => button.addEventListener('click', onButtonClicked));
  forms.forEach((form) => form.addEventListener('submit', onFormSubmitted));
};
0 голосов
/ 19 апреля 2020

Полагаю, вы действительно хотите запросить элементы с помощью it, поэтому код имеет смысл так: 

document.addEventListener('DOMContentLoaded' function() {
  document.getElementById('myButton').addEventListener('click', function() {
    document.getElementById('myForm').submit()
  })
})
...