JavaScript හි focus සහ blur ක්රම
ආදාන අවධානය යනු කුමක්දැයි ඔබ දැනටමත් දන්නවා. අවධානය සැකසීම හෝ අහිමි කරගැනීම කෙසේදැයි ද ඔබ දනී: සැකසීම සඳහා ආදාන ක්ෂේත්රයක් මත ක්ලික් කරන්න, අහිමි වීම සඳහා - වෙනත් තැනකට.
කෙසේ වෙතත්, JavaScript හි විශේෂ
ක්රම ඇත, ඒවා බලහත්කාරයෙන් අවධානය
ආදානයකට සැකසීමට හෝ එයින් ඉවත් කිරීමට ඉඩ සලසයි. මේවා
focus සහ blur ක්රම වේ.
අපි උදාහරණයක් මත ඒවායේ ක්රියාකාරිත්වය බලමු. අපට මෙන්න ආදානයක් සහ බොත්තමක් ඇතැයි සිතමු:
<input id="elem" value="text">
<input type="submit" id="button">
බොත්තම මත ක්ලික් කිරීමෙන් අවධානය සැකසීමට ඉඩ දෙමු අපගේ ආදානයට:
let elem = document.querySelector('#elem');
let button = document.querySelector('#button');
button.addEventListener('click', function() {
elem.focus();
});
ආදාන දෙකක් ලබා දී ඇත. එසේ කරන්න අක්ෂර දෙකක් ඇතුළත් කිරීමෙන් පසු අවධානය දෙවන ආදානයට ගමන් කරයි,