第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

如何讓 javascript 函數(shù)在 Enter 鍵上運(yùn)行，而不是單擊？

如何讓 javascript 函數(shù)在 Enter 鍵上運(yùn)行，而不是單擊？

暮色呼如 2023-07-20 10:10:30
當(dāng)我單擊此按鈕時，它會運(yùn)行該函數(shù)，一切正常。<input id="input_listName" /><button id="btn_createList">add</button>當(dāng)我點(diǎn)擊它時，它會運(yùn)行：$('#btn_createList').click(function(){    $('.ul_current').append($('<li>', {         text: $('#input_listName').val()    }));});當(dāng)我按下它時，它將輸入中的值附加到元素<li>。如何重做此操作，以便在單擊“輸入鍵”時運(yùn)行該函數(shù)，而不是單擊時運(yùn)行函數(shù)？我想把提交鍵全部隱藏起來。請注意，輸入和提交周圍沒有表單標(biāo)簽，因?yàn)檫@是一個 API 應(yīng)用程序，我只是想過濾而不是真正提交任何內(nèi)容。
查看完整描述

4 回答

?
BIG陽

TA貢獻(xiàn)1859條經(jīng)驗(yàn) 獲得超6個贊

不。


你有一個表格。就這樣對待它。


document.getElementById('input_listName').addEventListener('submit', function(e) {

  e.preventDefault();

  

  const li = document.createElement('li');

  li.append(this.listName.value);

  document.querySelector(".ul_current").append(li);

  

  // optionally:

  // this.listName.value = ""

}, false);

<form id="input_listName">

  <input type="text" name="listName" />

  <button type="submit">add</button>

</form>

<ul class="ul_current"></ul>

使其成為表單可以提供瀏覽器為您帶來的所有好處。在桌面上，您可以按 Enter 提交。在移動設(shè)備上，虛擬鍵盤還可以提供快速訪問提交按鈕。您甚至可以required向<input />元素添加驗(yàn)證規(guī)則，瀏覽器將為您處理這一切。



查看完整回答
反對 回復(fù) 2023-07-20
?
眼眸繁星

TA貢獻(xiàn)1873條經(jīng)驗(yàn) 獲得超9個贊

我認(rèn)為您想要的是檢查按下了哪個鍵，對嗎？


為此，您只需檢查 event.keyCode === 13


所以你的代碼將類似于以下內(nèi)容：


$('#btn_createList').keypress(function(event){

    if (event.keyCode === 13) {

         $('.ul_current').append($('<li>', {

             text: $('#input_listName').val()

         }));

    }    

});

希望這能起到作用！


查看完整回答
反對 回復(fù) 2023-07-20
?
搖曳的薔薇

TA貢獻(xiàn)1793條經(jīng)驗(yàn) 獲得超6個贊

借助 的幫助event，您可以捕獲按下的enter(keycode = 13) 鍵，如我的示例中所示。


有必要嗎？


$('#btn_createList').keypress(function(event){

   if (event.keyCode == 13) {

    $('.ul_current').append($('<li>', {

         text: $('#input_listName').val()

    }));

    }

});


查看完整回答
反對 回復(fù) 2023-07-20
?
LEATH

TA貢獻(xiàn)1936條經(jīng)驗(yàn) 獲得超7個贊

<input id="input_listName" /><button id="btn_createList">add</button>此語法在技術(shù)上是錯誤的，您的標(biāo)簽以 開頭<input>和結(jié)尾</button>。您還可以向函數(shù)添加一個簡單的檢查，如果用戶沒有在輸入字段中輸入任何內(nèi)容，則不應(yīng)返回任何內(nèi)容。


您還可以查看此備忘單以了解有關(guān)鍵碼的更多信息https://css-tricks.com/snippets/javascript/javascript-keycodes/


$('#btn_createList').keypress(function(event){

  if($('#input_listName').val()) {

    if (event.keyCode == 13) {

    $('.ul_current').append($('<li>', {

         text: $('#input_listName').val()

    }));

    }

  }

});

<div id="btn_createList">

  <input id="input_listName" type="text">

  <ul class="ul_current">

  </ul>

</div>


<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script>


查看完整回答
反對 回復(fù) 2023-07-20
  • 4 回答
  • 0 關(guān)注
  • 187 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號