شرح صفوف ومحتوى الفقرة
في لغة جافا سكريبت يمكن عند الارتكاز داخل input يتم تنفيذ أمر برمجي داخل صفحة الويب مثل إضافة border للحقل.
JavaScript on focus event attribute
كتابة event جافا سكريبت داخل العنصر في صفحة HTML.
HTML
<input type="text" class="input" placeholder="Enter Username" onfocus="this.style.border='2px solid red';">JavaScript on focus event function
كتابة event جافا سكريبت داخل دالة في جافا سكريبت.
HTML
let input = document.getElementById("input");
input.onfocus = function(){
input.style.border='1px solid #55efc4';
}JavaScript on focus event addEventListener
كتابة event جافا سكريبت داخل دالة addEventListener في جافا سكريبت.
HTML
let input = document.getElementById("input");
input.addEventListener('focus',()=>{
input.style.border='1px solid #55efc4'
});