甜蜜的alert2：如何使输入自动聚焦？

Question

使用sweetalert2@8

对包含以下代码的搜索框使用警告提示。自动对焦只能在Chrome上使用，而不能在Safari和Firefox上使用。我们该如何解决？

teamstats

Answer 1

我建议将JavaScript代码添加到polyfill中，这是您在其他浏览器中无法获得的功能。 Sweetalert2还具有一个浏览器兼容性页面here，其中说它与所有主要浏览器都兼容。但也建议使用以下脚本标记导入所需的polyfill。

<!-- Include a polyfill for ES6 Promises (optional) for IE11 -->
<script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.js"></script>

对于自动对焦属性，根据MDN，所有主流浏览器都支持该属性。您可以在触发设置自动对焦属性的警报时尝试使用JavaScript事件。

document.getElementById('myInput').autofocus = true;

您还可以尝试使用此示例here来填充自动对焦属性本身。

Answer 2

这里的另一种选择是对SweetAlert2的 x = 1,2,3,4 if x do something end 参数内的输入使用本机.focus()方法：

onOpen