Question

我有这段代码：

<a class="link_standard" id="login">Login</a> 

<div id="loginpop">
  <input type="text" id="emaillogin" class="form-control input-sm" />                  
  <input type="password" id="pwdlogin" class="form-control input-sm" />
</div>

JS：

$(function(){
  $('#loginpop').hide();
  $('#login').popover({
    html: true, 
    placement: 'bottom',
    content: function(){
      return $('#loginpop').html();
    }
  });
  $('#login').on('show.bs.popover', function () {
    $('#pwdlogin').keydown(function(e){
      if(e.keyCode == 13){
        alert('test enter');
      }
    });
  });
});

我想要的是：

输入密码后，如果我按下回车键，它应该发出警报（'测试输入'），但它不起作用。我究竟做错了什么？

Answer 1

$('#pwdlogin').keydown应该直接放在$(function(){块中。

Answer 2

试试这个

$(function(){
 $('#loginpop').hide();
 $('#login').popover({
     html: true, 
     placement: 'bottom',
     content: function(){
        return $('#loginpop').html();
     }
 });

    $('#pwdlogin').keydown(function(e){
      if(e.keyCode == 13){
       alert('test enter');
      }
    });

});

Answer 3

我解决了，极客是：

$('#login').on('shown.bs.popover', function () {
          $('#pwdlogin').keydown(function(e){
            if(e.keyCode == 13){
              alert('test enter');
            }
          });
       });

不是show而是shown

检测输入密钥js - 不工作

3 个答案: