new Event විධානය

new Event විධානය - සිද්ධි කොන්ස්ට්රක්ටරය, එහි සහායෙන් ඔබට සිද්ධි වස්තුවක් සාදා ගත හැකි අතර පසුව dispatchEvent ක්‍රමය භාවිතයෙන් JavaScript වලින් මෙම සිද්ධිය අමතන්න. මෙය අවශ්‍ය වන්නේ ඇයි: පරිශීලකයා බොත්තමක් ඔබා දැමීම, පෝරමයක් යැවීමේ උත්සාහය සහ තවත් දේවල් අනුකරණය කළ හැකිය. මෙම අවස්ථාවේදී, සිද්ධිය සත්‍ය සිද්ධියට වඩා වෙනස් නොවනු ඇත, event.isTrusted ගුණාංගය හැර. ඔබට සම්මත නොවන (ඔබ විසින් සිතන ලද) නම් සහිත සිද්ධි පවා සාදා ගත හැකි අතර පසුව අවශ්‍ය මොහොතේ ඒවා අමතන්න.

වාක්‍ය රීතිය

new Event(සිද්ධියේ වර්ගය, [පතකුරු]);

උදාහරණය

අප සතුව බොත්තමක් ඇතැයි සිතන්න. මෙම බොත්තම ක්ලික් කිරීමෙන් පණිවිඩයක් පෙන්වයි. අපි එය කරමු එවිට මූසිකය බොත්තම මත තබන විට මෙම බොත්තම සිතන්නේ එය ක්ලික් කරන ලද බවයි:

<button id="button">button</button>

let button = document.querySelector('#button');

button.addEventListener('click', function() {
	alert('පණිවිඩය');
});

button.addEventListener('mouseover', function() {
	let clickEvent = new Event('click'); // සිද්ධියක් සාදන්න
	this.dispatchEvent(clickEvent); // බොත්තම මත ක්ලික් කිරීම අනුකරණය කරන්න
});

උදාහරණය

ඔබට ඔබේම සිද්ධි (ඔබේම නමින්) සාදා ගත හැකි අතර පසුව අවශ්‍ය මොහොතේ ඒවා අමතන්න. අපි බොත්තමට showMessage සිද්ධිය අමුණමු සහ මූසිකය තබන විට මෙම සිද්ධිය ආරම්භ කරමු:

<button id="button">button</button>

let button = document.querySelector('#button');

button.addEventListener('showMessage', function() {
	alert('පණිවිඩය');
});

button.addEventListener('mouseover', function() {
	let showMessageEvent = new Event('showMessage'); // සිද්ධියක් සාදන්න
	this.dispatchEvent(showMessageEvent); // සිද්ධියේ සක්‍රිය කිරීම අමතන්න
});

මෙයද බලන්න

addEventListener ගුණාංගය,
සිද්ධි අමුණයි
removeEventListener ගුණාංගය,
සිද්ධි ගලවයි