У основи се суочавамо са неком врстом ситуације током програмирања у јавасцрипт-у у којој можемо креирати било коју функцију притиском на дугме. На пример, морамо да испитамо још неке функционалности у време аутоматизованог тестирања веб странице или сајта. У таквим случајевима, техника покретања клика у јавасцрипт-у постаје поузданија и ефикаснија за супротстављање наведеним изазовима.
У овом контексту, научићемо о процедурама догађаја клика на покретач у јавасцрипт-у.
Како можемо да покренемо догађај клика у јавасцрипт-у:
Морамо да применимо технике дате у наставку да бисмо покренули догађај клика у јавасцрипт-у:
а) метод клик ().
б) аддЕвентЛистенер() и диспатхЕвент методе
Сада ћемо користити методе које су горе написане да демонстрирамо следеће:
Метод 1:
Покрени догађај клика користећи метод догађаја клика у јавасцрипт-у:
На поменутом елементу, метод клика се користи за обављање радње. Коришћењем кориснички дефинисане функције када корисник кликне на потребно дугме уз помоћ креирања дугмета, добијања његовог ИД-а и покретања догађаја клика, овај метод се може имплементирати.
За даље појашњење, морамо проћи кроз пример дат у наставку:
Пример:
У доле наведеном примеру са поседовањем 'кликните овде' , биће креирано дугме са ИД-ом и заједно са догађајем клика за приступ догађају клика на њему;
Click here
Навођењем његовог ИД-а у јавасцрипт-у, морамо приступити креираном дугмету у методи доцумент.гетЕлементБиИд. Да бисте извршили следећу операцију, биће позван догађај клика.
const get= document.getElementById('btn'); get.click();
Најзад, када се кликне на дугме, дефинисаћемо да одштампамо следећу функцију под називом 'цлицкЕвент()' на начин да на конзоли методом клика.
function clickEvent() { console.log('now the Click Event is triggered ') } Из горњег излаза одговарајућег кода, користећи метод клика на аутоматизован начин, приметили смо да се кликне на дугме кликните овде.
2. метод:
Покрени догађај клика у јавасцрипт-у уз помоћ аддЕвентЛистенер() и диспатцхЕвент() методе
У јавасцрипт-у, то је интегрални метод који обезбеђује циљни интерфејс јавасцрипт догађаја.
Овим методом се региструје слушалац догађаја. Позваћемо нашу конфигурисану функцију када се поменути догађај ухвати на мети.
јава логички у низу
Синтакса догађаја:
target.addEventListener( $type, $listener); target.addEventListener( $type, $listener, $options); target.addEventListener( $type, $listener, $useCapture);
опис синтаксе:
- У горњој синтакси постоји параметар тзв $типе , што је обавезан параметар. Указујући на тип догађаја који ће се пратити, параметри прихватају само један стринг. Овај параметар је параметар који разликује велика и мала слова. Подржава разне догађаје, као што су тастатура, клик, база података, унос итд
- На исти начин, $листенер је обавезан параметар иу њему. Обавештење о догађају овај параметар прима као објекат када се догодио догађај поменутог типа. На јавасцрипт функцији или на интерфејсу Евентлистнер, овај објекат треба да буде имплементиран.
- С друге стране, $оптион је опциони параметар у томе.
Пример: 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:
У овом примеру, пре свега, укључићемо дугме са одговарајућим ИД-ом са догађајем онцлицк заједно са вредношћу која је иста као и претходни.
Click here
Након тога, уз помоћ аддЕвентЛистенер() методу, ми ћемо преузети дугме и кликнути на догађај у њему да бисмо одредили 'То је' у свом аргументу, који се односи на објекат клика на догађај.
const get = document.getElementById('btn'); get.addEventListener('click', e => {}); get.dispatchEvent(new Event('click')); Коначно, као и претходни метод, дефинисаћемо догађај клика да прикажемо одговарајућу поруку у њему у тренутку када се догађај клика покрене.
function clickEvent() { console.log('The required event is triggered ') }