专注于输入何时 Bootstrap Modal 关闭

<input id="bootbox" type="text"/>

<input id="bootbox2" type="text"/>

<div class="modal fade" id="myModal">

<div class="modal-dialog">

<div class="modal-content">

<!-- dialog body -->

<div class="modal-body">

<button class="close" data-dismiss="modal" type="button">×</button>Hello world!</div>

<!-- dialog buttons -->

<div class="modal-footer">

<button class="btn btn-primary" type="button">OK</button>

</div>

</div>

</div>

</div>

$/'#bootbox'/.on/'blur', function checkSelection/e/ {

 $/"#myModal"/.on/"show", function // { // wire up the OK button to dismiss the modal when shown

 $/"#myModal a.btn"/.on/"click", function /e/ {

 console.log/"button pressed"/; // just as an example...

 $/"#myModal"/.modal/'hide'/;

 $/'#bootbox2'/.focus//;

 // dismiss the dialog

 }/;

 }/;



 $/"#myModal"/.on/"hide", function // { // remove the event listeners when the dialog is dismissed

 $/"#myModal a.btn"/.off/"click"/;

 $/'#bootbox2'/.focus//;

 }/;



 $/"#myModal"/.on/"hidden", function // { // remove the actual elements from the DOM when fully hidden

 $/"#myModal"/.remove//;

 }/;



 $/"#myModal"/.modal/{ // wire up the actual modal functionality and show the dialog

 "backdrop": "static",

 "keyboard": true,

 "show": true // ensure the modal is shown immediately

 }/;



}/;



//this works

$/'#bootbox2'/.on/'blur', function checkSelection/e/ {

 $/'#bootbox'/.focus//;

}/;