我已经设置了一个带有表单的bootstrap模式,我只是注意到当我按下Enter键时,模态被解除了.按Enter键有没有办法不解雇它?
我尝试用键盘激活模态:false,但这只能阻止使用ESC键解雇.
我在Twitter Bootstrap Modal之上构建了一些模态,每个模式都有至少一个提交按钮,这是我在大多数情况下需要触发的默认操作,因为第二个按钮用于返回(关闭模态),如何,打开一个模态,当我按Enter键时,我可以触发提交的任何动作吗?例如,现在,因为它们是按钮我有类似的东西:
$("#btn").on("click", function(e){
e.preventDefault(); // wait... not send form yet, will be a Ajax call
});
Run Code Online (Sandbox Code Playgroud)
有帮助吗?示例代码?
作为参考,这是模态内容(我使用Twig作为Symfony2项目的一部分,所以不要担心{{ }}):
<div class="modal fade " id="addNorma" tabindex="-1" role="dialog" aria-labelledby="addNorma" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">{{ 'boton.cerrar'|trans({}, 'AppBundle') }}</span></button>
<h4 class="modal-title" id="myModalLabel">{{ 'modal.normas.titulo'|trans({}, 'AppBundle') }}</h4>
</div>
<div class="modal-body">
<form id="buscadorNorma" method="POST">
<div class="spacer10"></div>
<div class="row">
<div class="col-md-5 col-lg-5 col-sm-5 col-xs-5">
<label for="codigo_norma">{{ 'modal.normas.codigo'|trans({}, 'AppBundle') }}</label>
<input type="text" class="form-control" id="codigo_norma" …Run Code Online (Sandbox Code Playgroud)