sweetAlertのデフォルトのテキスト入力を強調表示

Question

私はSweetAlert2にテキスト入力が可能で、デフォルト値を与えています。私は、このデフォルト値を警告がポップアップしたときに強調表示して、ユーザが必要に応じてすぐに上書きできるようにしたいと思います。ここでは例です：

そして、ここでは、私がsweetAlertオプションで呼び出す関数は次のとおりです。

window.sweetPrompt = function (title, message, callback, input, keepopen, allowOutsideClick, allowEscapeKey) { 
    sweetAlert({ 
     title: title, 
     text: message, 
     input: 'text', 
     confirmButtonColor: "#428bca", 
     preConfirm: function(text) { 
      return new Promise(function(resolve) { 
       if (!keepopen) { 
        resolve(); 
       } else { 
        callback(text); 
       } 
      }); 
     }, 
     inputValidator: function(text) { 
      return new Promise(function (resolve, reject) { 
       if (text) { 
        resolve(); 
       } else { 
        reject('Cannot be empty!'); 
       } 
      }); 
     }, 
     inputValue: input, 
     showCancelButton: true, 
     reverseButtons: true, 
     allowOutsideClick: allowOutsideClick, 
     allowEscapeKey: allowEscapeKey 
    }).then(callback, function(dismiss){}); 
}; 

は、どのように私は（それが可能だ場合）これを行うに行きますか？ jQueryの使用について考えましたが、sweetAlertダイアログへの参照を取得する方法がわかりません。 何か提案がありがとうございます。ここで

Answer 1

あなたが行く：

swal({ 
 
    input: 'text', 
 
    inputValue: 'input value', 
 
    onOpen: function() { 
 
     var input = swal.getInput() 
 
     input.setSelectionRange(0, input.value.length) 
 
    } 
 
})

<script src="https://unpkg.com/sweetalert2@7.7.0/dist/sweetalert2.all.js"></script>

PS。 SweetAlert2とSweetAlertは、APIに若干の違いがある2つの異なるプロジェクトです。

SweetAlert2ドキュメント：https://sweetalert2.github.io/