可以使用 SweetAlert2 提供的 input 前缀选项来实现不聚焦输入框的效果。该选项可以设置为 'null' 或者 'select',表示不聚焦和全选。
示例代码:
Swal.fire({
title: '输入框',
html: '请填写以下信息:
',
focusConfirm: false, // 禁止通过 Tab 聚焦到确认按钮
input: 'text',
inputAutoTrim: true, // 去除输入内容的前后空格
inputAttributes: {
autocomplete: 'off',
},
inputPlaceholder: '请输入',
inputValidator: (value) => {
// 验证输入内容
if (!value) {
return '不能为空';
}
},
inputValue: '默认值',
inputOptions: {
prefix: 'null', // 不聚焦输入框
// prefix: 'select', // 聚焦并全选输入框内容
},
showCancelButton: true,
}).then((result) => {
if (result.isConfirmed) {
const inputValue1 = document.getElementById('swal-input1').value;
const inputValue2 = document.getElementById('swal-input2').value;
// 处理输入内容
console.log(inputValue1, inputValue2);
}
});