Question

我创建了一个待办事项列表，并将其设置为在您单击添加按钮时添加项目，但我想将其设置为您可以按Enter键的位置，这是我的代码：

function addListItem() {
    var text = $("#new-text").val();
    $("#todolist").append('<li><input type="checkbox" class="done"/>'+text+'<button                  class="delete">Delete</button></li>');
    $("#new-text").val('');
}

$(function() {
    $("#add").on('keypress' , addListItem);
}

请帮助

Answer 1

您可以在addListItem函数中执行此类操作：

<强> JS：

$(document).keypress(function(e) {
    if(e.which == 13) {
        alert('You pressed enter!');
    }
});

作为您的实施：

function addListItem(event) {
    if(event.which == 13){
        var text = $("#new-text").val();
        $("#todolist").append('<li><input type="checkbox" class="done"/>'+text+'<button                  class="delete">Delete</button></li>');
        $("#new-text").val('');
    }
}

$(function() {
    $("#add").on('keypress' , function(event) { addListItem(event););
}

Answer 2

试试这个：

function addListItem(event) {
    if(event.which == 13){

        var text = $("#new-text").val();
        $("#todolist").append('<li><input type="checkbox" class="done"/>'+text+'<button                  class="delete">Delete</button></li>');
        $("#new-text").val('');
    }
}

$(function() {
    $("#add").on('keypress' , addListItem);
}

Answer 3

检查功能中的keyCode：

function something(event){
  if ( event.keyCode == 13 ) 
    alert( 'ENTER!');
}

Answer 4

您需要获取按下的键码并检查它是否为ENTER键。

function addListItem(e) {
    var keycode = (e.keyCode ? e.keyCode : e.which);
    if (keycode == '13') {
        var text = $("#new-text").val();
        $("#todolist").append('<li><input type="checkbox" class="done"/>'+text+'<button                  class="delete">Delete</button></li>');
        $("#new-text").val('');
        $("#new-text").val('');
    }
});

我想从点击事件更改为按键事件

4 个答案: