По принцип се сблъскваме с някакъв тип ситуация по време на програмиране в javascript, в която можем да създадем всяка функция при натискане на бутон. Например, трябва да разгледаме още някои функционалности по време на автоматизирано тестване на уеб страница или сайт. В такива случаи техниката на javascript за задействащо кликване става по-надеждна и ефективна за справяне с посочените предизвикателства.
В този контекст ще научим за процедурите за събития при кликване на тригера в javascript.
java util дата
Как можем да задействаме събитие за кликване в javascript:
Трябва да приложим техниките, дадени по-долу, за да задействаме събитието за кликване в javascript:
а) метод click().
б) методи addEventListener() и dispathEvent
Сега ще използваме методите, които са написани по-горе, за да демонстрираме следното:
Метод 1:
Задействайте събитие за кликване, като използвате метода за събитие за кликване в javascript:
На споменатия елемент, метод на кликване се използва за извършване на действието. Използвайки дефинираната от потребителя функция, когато необходимият бутон е щракнат от потребителя с помощта на създаването на бутона, получаване на неговия идентификатор и задействане на събитието за щракване, този метод може да бъде приложен.
За допълнително изясняване трябва да преминем през примера, даден по-долу:
Пример:
В дадения по-долу пример с притежаване 'Натисни тук' , ще бъде създаден бутон с id и заедно със събитието click за достъп до събитието click върху него;
Click here
Като посочим неговия id в javascript, трябва да имаме достъп до създадения бутон в метода document.getElementById. За извършване на следващата операция ще бъде извикано събитието click.
софтуерно тестване и видове
const get= document.getElementById('btn'); get.click();
Най-накрая, когато се щракне върху бутона, ще дефинираме да отпечатаме следната функция с име 'clickEvent()' по начин, който на конзолата с помощта на метода на кликване.
function clickEvent() { console.log('now the Click Event is triggered ') } От горния резултат на съответния код, използвайки метода за щракване по автоматизиран начин, забелязахме, че бутонът щракване тук е щракнат.
Метод 2:
Задействайте събитие за кликване в javascript с помощта на метода addEventListener() и dispatchEvent()
В javascript това е интегралният метод, който се предоставя от целевия интерфейс на javascript събитие.
Чрез този метод се регистрира слушател на събития. Ще извикаме нашата конфигурирана функция, когато споменатото събитие бъде уловено на целта.
Синтаксис на събитието:
target.addEventListener( $type, $listener); target.addEventListener( $type, $listener, $options); target.addEventListener( $type, $listener, $useCapture);
описание на синтаксиса:
- В горния синтаксис има параметър, наречен $тип , което е задължителен параметър. Посочвайки вида на събитието, което ще се наблюдава, параметрите приемат само един низ. Този параметър е чувствителен към регистъра. Различни събития се поддържат от него, като клавиатура, кликване, база данни, въвеждане и др
- По същия начин, $слушател е задължителен параметър и в него. Известие за събитието се получава от този параметър като обект, когато е настъпило събитие от посочения тип. Във функцията на javascript или в интерфейса на Eventlistner този обект трябва да бъде внедрен.
- От друга страна, $ опция е незадължителен параметър в него.
Пример: 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 ') }