JavaScript හි ටෙක්ස්ට් ක්ෂේත්‍රවල නාභිගත කිරීම

අපට ඉන්පුට් එකක් ඇතැයි සිතමු. ඔබට මෙම ඉන්පුට් එක මත ක්ලික් කර ඉන්පළවුන් පසු කර්සරය කඩදාසි කැබැල්ලක් මෙන් මිණිහැරෙනු ඇති එයින් ටෙක්ස්ට් ඇතුල් කළ හැකිය.

මෙම තත්වය පිළිබඳව කියනු ලබන්නේ ඉන්පුට් එක දැනට ඇතුලත් කිරීමේ නාභිගත කිරීම ඇති බවයි. ප්‍රායෝගිකව මෙය අදහස් කරන්නේ යමෙකු යතුරුපුවරුවෙන් ටෙක්ස්ට් ඇතුල් කිරීම ආරම්භ කළහොත්, එම ටෙක්ස්ට් දැනට නාභිගත කිරීම ඇති එම ඉන්පුට් එකට යනු ඇති බවයි. ඉන්පසු ඉන්පුට් එකෙන් පිටත කොතැනක හෝ ක්ලික් කළහොත්, මෙම ඉන්පුට් එක අහිමි වනු ඇත ඇතුලත් කිරීමේ නාභිගත කිරීම එයට ටෙක්ස්ට් ඇතුල් කළ නොහැක.

ඉන්පුට් එක නාභිගත කිරීම ලැබීමේ හෝ අහිමි වීමේ මොහොත අල්ලා ගැනීම සඳහා, JavaScript හි ඉදිරිපත් කර ඇත විශේෂ අවස්ථා: cඅවස්ථාව focus ඉන්පුට් එක නාභිගත කිරීම ලැබීම අල්ලා ගැනීමට ඉඩ සලසයි, අවස්ථාව blur - අහිමි වීම. අපි ප්‍රායෝගිකව උත්සාහ කරමු. අපට ඉන්පුට් එකක් ඇතැයි සිතමු:

html<input id="elem" value="text">

එය විචල්‍යයකට සබැඳියක් ලෙස ලබා ගනිමු:

javascriptlet elem = document.querySelector('#elem');

දැන් අපි එය කරමු එවිට නාභිගත කිරීම ලැබීමේදී කොන්සෝලය තුල ඉන්පුට් එකේ වර්තමාන ටෙක්ස්ට් මුද්‍රණය වේ:

javascriptelem.addEventListener('focus', function() {
  console.log(elem.value);
});