۰ علی طباطبایی
قرار دادن اتریبیوت autofocus برای فرم‌های درون یک modal بوت استرپ
جامعه Html & CSS ایجاد شده در ۱۷ مرداد ۱۴۰۰

سلام دوستان 

در حالت پیش فرض اگر به یکی از اینپوت‌های یک فرم درون یک modal بوت استرپ ، اتریبیوت autofocus را بدهیم ، این اتریبیوت اجرا نمیشود برای حل این مشکل من از جی کوئری کمک گرفتم .امیدوارم مفید باشه 

  $('#main-sign-in-modal').on('shown.bs.modal', function () {
    $(this).find('input[autofocus]').focus();
  }); 
 <div class="modal fade " id="main-sign-in-modal" data-backdrop="static" data-keyboard="false"       tabindex="-1">
  <input autofocus type ="email" id="...">
  </div>

رویداد shown.bs.modal  زمانی رخ میدهد که modal برای کاربر به صورت کامل نمایش داده شود در این کد میگوییم وقتی این رویداد رخ داد در غالب یک تابع درون modal به دنبال اینپوتی باش که اتریبیوت autofocus دارد و بر روی این اینپوت از رویداد focus استفاده کن تا اینپوت به صورت فعال به کاربر نمایش داده شود