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