Під час програмування на javascript ми стикаємося з деякими ситуаціями, коли ми можемо створити будь-яку функцію, натиснувши кнопку. Наприклад, під час автоматизованого тестування веб-сторінки чи сайту ми маємо перевірити ще якийсь функціонал. У таких випадках техніка ініціювання події клацання javascript стає надійнішою та ефективнішою для протидії зазначеним проблемам.
У цьому контексті ми дізнаємося про процедури події клацання тригера в javascript.
Як ми можемо викликати подію клацання в javascript:
Ми маємо застосувати методи, наведені нижче, щоб ініціювати подію клацання в javascript:
a) метод click().
б) методи addEventListener() і dispathEvent
Тепер ми використаємо описані вище методи, щоб продемонструвати наступне:
сестра Кет Тимпф
Спосіб 1:
Ініціювати подію кліку за допомогою методу події кліку в JavaScript:
На згаданому елементі метод клацання використовується для виконання дії. Використовуючи визначену користувачем функцію, коли необхідну кнопку натискає користувач за допомогою створення кнопки, отримання її ідентифікатора та запуску події натискання, цей метод може бути реалізований.
Для подальшого роз’яснення ми маємо переглянути наведений нижче приклад:
приклад:
мамта кулькарні
У наведеному нижче прикладі з наявністю 'натисніть тут' , буде створено кнопку з ідентифікатором і разом із подією клацання для доступу до події клацання на ній;
Click here
Вказавши його ідентифікатор у javascript, ми маємо отримати доступ до створеної кнопки в методі document.getElementById. Щоб виконати наступну операцію, буде викликана подія клацання.
const get= document.getElementById('btn'); get.click();
Нарешті, коли натиснуто кнопку, ми визначимо роздрукувати наступну функцію з назвою 'clickEvent()' таким чином, що на консолі за допомогою методу клацання.
function clickEvent() { console.log('now the Click Event is triggered ') } З наведеного вище виводу відповідного коду, використовуючи метод click в автоматичний спосіб, ми помітили, що кнопка click here була натиснута.
Спосіб 2:
Активувати подію клацання в javascript за допомогою методів addEventListener() і dispatchEvent()
У javascript це інтегральний метод, який надається цільовим інтерфейсом події javascript.
Прослуховувач подій реєструється цим методом. Ми викличемо нашу налаштовану функцію, коли згадана подія буде перехоплена на цільовому пристрої.
Синтаксис події:
target.addEventListener( $type, $listener); target.addEventListener( $type, $listener, $options); target.addEventListener( $type, $listener, $useCapture);
опис синтаксису:
що таке номер алфавіту
- У наведеному вище синтаксисі є параметр під назвою $type , що є обов'язковим параметром. Параметри, що вказують на тип події, що відстежується, приймають лише один рядок. Цей параметр чутливий до регістру. Він підтримує різні події, такі як клавіатура, клацання, база даних, введення тощо
- Таким же чином, $слухач в ньому також є обов'язковим параметром. Повідомлення про подію отримує цей параметр як об'єкт, коли відбувається подія зазначеного типу. У функції javascript або в інтерфейсі Eventlistner цей об’єкт має бути реалізований.
- З іншого боку, $option є необов'язковий параметр в цьому.
Приклад: 1
Open bing const link = document.getElementById('btn'); link.addEventListener('click', e => {}); for(let i = 0; i <5; i++) { link.dispatchevent(new event('click')); } function opengooglebymethod() console.log('the required event is triggered') < pre> <p> <strong>Output:</strong> </p> <pre> 'The required event is triggered'. 'The required event is triggered'. 'The required event is triggered'. 'The required event is triggered'. 'The required event is triggered'. </pre> <p> <strong>Example 2:</strong> </p> <p>In this example, first of all, we will include a button with a corresponding id with an onclick event along with a value as same as like previous one.</p> <pre> Click here </pre> <p>After that, with the help of the <strong> <em>addEventListener()</em> </strong> method, we will retrieve the button and click the event in it to specify the <strong> <em>'e'</em> </strong> in its argument, which refers to the event click object.</p> <pre> const get = document.getElementById('btn'); get.addEventListener('click', e => {}); get.dispatchEvent(new Event('click')); </pre> <p>Finally, as same as the previous method, we will define the click event to display the corresponding message in it at the time the click event is triggered.</p> <pre> function clickEvent() { console.log('The required event is triggered ') } </pre> <hr></5;> приклад 2:
У цьому прикладі, перш за все, ми включимо кнопку з відповідним ідентифікатором з подією onclick разом із таким же значенням, як і в попередньому.
Click here
Після цього за допомогою addEventListener() метод, ми отримаємо кнопку та клацнемо подію в ній, щоб указати 'Це є' у своєму аргументі, який посилається на об’єкт клацання події.
const get = document.getElementById('btn'); get.addEventListener('click', e => {}); get.dispatchEvent(new Event('click')); Нарешті, як і в попередньому методі, ми визначимо подію клацання для відображення відповідного повідомлення в ньому під час ініціювання події клацання.
function clickEvent() { console.log('The required event is triggered ') }