我正在使用' Magnific Popup'用于在我的网页上显示弹出窗口的插件。我需要在弹出窗口打开时自动对焦于textarea。这使用户无需使用鼠标即可在其中键入内容。
我尝试过HTML5自动对焦标记
<textarea name="textarea" id="textareaRemarks" autofocus>
</textarea>
和jQuery方式
$('#textareaRemarks').focus();
两者都发现不起作用。现在,用户不仅要点击,还要安排插入点&#39;通常使用箭头键到初始位置。如何在Magnific Popup上启用自动对焦?
Code I用于启用Magnific Popup:
$('#textareaRemarks').focus();
$(function () {
$('.popup-modal').magnificPopup({
type: 'inline',
preloader: false,
focus: '#textareaRemarks',
modal: true,
});
$(document).on('click', '.popup-modal-dismiss', function (e) {
e.preventDefault();
$.magnificPopup.close();
});
});