按Enter键清除输入字段

Question

用户在输入字段内按Enter键后,我清除值 document.getElementById('text').value = "";

当我使用空格键迭代数组时,这会显示多个具有相同id的输入字段 id='text'

输入第一个输入字段并按回车键后,输入字段清除.

但是,对于在外地进行的情况并非如此.我理解document.getElementById只找到第一个 id.

如何使输入值清除所有输入字段.

    'keydown #text': function(event, template) {
    if ((27 === event.which) || (13 === event.which)) {
        event.preventDefault();
        document.getElementById('text').value = "";

    }
},

Answer 1

永远不要将ID用于多个元素.ID是唯一的,它只能在HTML文档中出现一次.使用class或常规HTML元素选择器:

'keydown input[type="text"]': function(event, template) {
    if ((27 === event.which) || (13 === event.which)) {
        event.preventDefault();
        //this should delete value from the input
        event.currentTarget.value = "";
    }
}

在HTML中:

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