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

时间:2014-04-07 19:46:00

标签: javascript jquery

我创建了一个待办事项列表,并将其设置为在您单击添加按钮时添加项目,但我想将其设置为您可以按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);
}

请帮助

4 个答案:

答案 0 :(得分: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););
}

答案 1 :(得分:0)

试试这个:

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

答案 2 :(得分:0)

检查功能中的keyCode

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

答案 3 :(得分:0)

您需要获取按下的键码并检查它是否为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('');
    }
});