0
私はこの小さな問題を抱えています...私は入力をクリアしようとしています。それに焦点を当てたいのですが、問題はブートボックスのアラートメッセージを表示した後で、このコードを実行すると、入力テキストがクリアされるだけですが、フォーカスはされません。どのようにすればいいですか?ここにはExample Codeがあります。入力値をクリアしてからフォーカスを当てる
私は、これはこれをやって解決しようとした:
var msj = bootbox.alert("Error message.");
$('#Barcode').val('');
msj.on('shown.bs.modal', function() {
$('#Barcode').focus();
});
上記のコードは、私のために動作しません。
編集:ここに私のコードです。あなたはモーダルが閉じ/隠された後の入力を集中するつもりだ、これを使用して
var msj = bootbox.alert("Error message.");
$('#Barcode').val('');
msj.on('hidden.bs.modal', function() {
$('#Barcode').focus();
});
:
$(document).ready(function() {
$('#Number').on('keyup', function() {
var num = $(this).val();
if (num > 0)
console.log("nothing to do");
else {
bootbox.alert("Clear input and then do focus");
$('#Number').val('');
$('#Number').focus();
}
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
<script src="https://bootboxjs.com/bootbox.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" />
<input type="number" id="Number" />
Codepenが壊れています。また、 'bootbox.alert'モーダルですか?そうであれば、それを却下するためにモーダルに焦点を当てる必要があるため、これがおそらく機能する可能性はありません。 –
ペンが動かない。転記する前にこれらのことを確認してください。みんなの時間を無駄にするだけです。これは正しいと確信しています - >> ''shown.bs.modal'' - 私にはブートストラップのように見えますが、どのブートボックスが正しいかも知れません。 –
@RoryMcCrossan私のコードペインのリンクをクリックすると正しく、しかし、私はスニペットを追加しましたが、私はCSSスタイルシートを正しく動作させることができません。 – User1899289003