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" );
  }
});

输入按钮时触发按钮

1 个答案: