輸入按鈕時觸發按鈕

Question

我正在嘗試將div附加到另一個div中。 很好 在這里，我需要一些幫助，在下面的代碼中，有一個div，其內容可編輯，還有一個保存和關閉按鈕。 當我單擊追加到div的保存按鈕時。 但是當我按下Enter按鈕時，我需要使該按鈕可單擊。

 function createNewList(listName) { var cardNameFieldElement = $('<div class = "card-name-field" onkeydown=\\'cardSave\\' style = "white-space : normal; width: 240px; min-height: 60px; border-radius: 3px; margin-left: auto; margin-right: auto; background-color: #ffffff; " contenteditable = "true" data-placeholder = "Add a Card..." ></div>'); var saveCloseCardWrapper = $('<div class ="save-close-card-wrapper" style = "width: 250px; height: 35px; margin-top: 5px;"> <input class = "save-card" id = \\'SAVE_CARD_BTN\\' onclick = \\'saveNewCard($(this))\\' type="button" value="Save" style = "cursor: pointer; width: 60px; height: 30px; background-color: gray; border-color: gray; margin-left: 10px; border-radius: 3px; vertical-align: top;"><img class = "close-card-create" onclick = \\'closeCard($(this))\\' src = "media/icons/close.png" width="25" height="25" style = "cursor: pointer; margin-top: 4px; margin-left: 3px;"></div>'); } function saveNewCard(saveCard) { var parent = saveCard.closest('.board-list'); var cardName = parent.find('.card-name-field').text(); if (cardName !== "") { var cardNameElement = $('<div class = "card-name">' + cardName + '</div>'); cardNameElement.insertBefore(parent.find('.create-card-section')); parent.find('.card-name-field').html(""); } } 

請查看代碼並給我一些幫助。 我嘗試了這種方法，但是沒有用。

$(".card-name-field").keyup(function(e) {
  if (e.keyCode == 13) {
    $(".save-card").click();
  }
});

Answer 1

使用trigger( "click" )而不是click()

$(".card-name-field").keyup(function(e) {
  if (e.keyCode == 13) {
    $(".save-card").trigger( "click" );
  }
});