Question

我编写了这段代码，所以当用户在密码文本框中时，他/她可以按回车键登录。但是，我认为因为它在引导模式中所以我无法用jQuery选择器来定位它。任何的想法？

这是HTML：

                    <!-- Modal content -->
                    <div class="modal-content">

                      <!-- header -->
                      <div class="modal-header"> 
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Login</h4>
                      </div>

                      <!-- body -->
                      <div class="modal-body text-center" >
                          <input class='form-control' type="text" id="userName" placeholder="Username" ng-model='username'>
                          <input class='form-control' type="password" id="password" placeholder="Password" ng-model='password'>

                      <div class="modal-footer">
                        <button type="button" class="btn btn-default" id ="loginButton" ng-click="goToAdminPanel()">Login</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal" id="closeButton">Close</button>
                      </div>

                    </div>

                 </div>
                </div>
           </div>

和jQuery

 $("input#password").keyup(function(event){
if(event.keyCode == 13){
    $("#loginButton").click();
    console.log('This is enter');
}});

Answer 1

应该可以工作..除非你在脚本运行后生成表单。

尝试： -

$(document).on('keyup', 'input#password', function(event){
   if(event.keyCode == 13){
       $("#loginButton").click();
       console.log('This is enter');
   }
});

或在document.ready

中连接事件

$(function(){
   $("input#password").keyup(function(event){
      if(event.keyCode == 13){
        $("#loginButton").click();
        console.log('This is enter');
      }
   });
});

Answer 2

您有两种方法可以解决这个问题：

event delegation
使用表单和提交操作的浏览器默认行为

我会建议后者，因为它不需要javascript，例如它可以更好地支持移动浏览器。

首先，虽然您使用<form>，但您的代码未显示<input>代码，这看起来不太好。

接下来，如果您的登录按钮是类型submit而不是button，则在按下字段时，回车键会自动提交父表单。

然后，您可以处理submit事件，具体取决于您的使用情况。

在Bootstrap模式中定位元素

2 个答案: