Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery在单击时将自动聚焦添加到字段_Javascript_Jquery - Fatal编程技术网

Javascript Jquery在单击时将自动聚焦添加到字段

Javascript Jquery在单击时将自动聚焦添加到字段,javascript,jquery,Javascript,Jquery,我有多个带有表单的模态,我希望当我单击其中一个时,它会将属性自动聚焦赋予第一个可见输入字段。因为表单中还有隐藏的输入字段 我使用MaterializeCS生成模态。我已经设置好了: $('#modal-entry').modal({ onOpenEnd: function () { alert('The autofocus needs to be added in this line'); }, // Callback for Modal open }); 用此

我有多个带有表单的模态,我希望当我单击其中一个时,它会将属性
自动聚焦
赋予第一个
可见
输入字段。因为表单中还有隐藏的输入字段

我使用MaterializeCS生成模态。我已经设置好了:

$('#modal-entry').modal({
    onOpenEnd: function () {
        alert('The autofocus needs to be added in this line');
    }, // Callback for Modal open
});

用此替换警报,您当然需要表单选择器或包含表单的容器

  • 用于避免将注意力集中在隐藏的输入上
  • 用于获取输入选择器列表中的第一个输入
$(“#表单输入”).not(“:hidden”).first().focus()


谢谢你,这一切如期完成,完美的解释@迈克:不用担心,别忘了把它标记为正确答案。干杯