提交按鈕沒有反應的回車鍵

Question

我有以下Bootsrap形式：

<div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
     <span aria-hidden="true">×, 
     </span> 
    </button> 
    <h4 class="modal-title">Datei speichern 
    </h4> 
    </div> 
    <div class="modal-body"> 
    <p>Gib einen Dateinamen ein 
    </p> 
    <div class="form-group"> 
     <label class="input-label" for="project-bar-input"> 
     </label> 
     <input type="text" class="form-control" id="project-bar-input"> 
    </div> 
    </div> 
    <div class="modal-footer"> 
    <button type="button" class="modal-cancel btn btn-default" data-dismiss="modal">Abbrechen 
    </button> 
    <button type="submit" class="modal-action btn btn-primary" data-dismiss="modal">Speichern 
    </button> 
    </div> 
</div> 

我試圖抓住與

$(".modal-content").find("input#submit").click(function() { 
    // submit 
}); 

的ENTER鍵事件看完後：

Submit button not working in Bootstrap form

但它不起作用。爲什麼？

Answer 1

$(function(){ 
 
    $('.modal-content').keypress(function(e){ 
 
    if(e.which == 13) { 
 
     //dosomething 
 
     alert('Enter pressed'); 
 
    } 
 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="modal-content"> 
 
    <div class="modal-header"> 
 
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
 
     <span aria-hidden="true">×, 
 
     </span> 
 
    </button> 
 
    <h4 class="modal-title">Datei speichern 
 
    </h4> 
 
    </div> 
 
    <div class="modal-body"> 
 
    <p>Gib einen Dateinamen ein 
 
    </p> 
 
    <div class="form-group"> 
 
     <label class="input-label" for="project-bar-input"> 
 
     </label> 
 
     <input type="text" class="form-control" id="project-bar-input"> 
 
    </div> 
 
    </div> 
 
    <div class="modal-footer"> 
 
    <button type="button" class="modal-cancel btn btn-default" data-dismiss="modal">Abbrechen 
 
    </button> 
 
    <button type="submit" class="modal-action btn btn-primary" data-dismiss="modal">Speichern 
 
    </button> 
 
    </div> 
 
</div>