按 Enter 时，从具有相同名称和 id 的各种文本输入中的选定文本输入中检索数据

Retrieve data from selected text input among various text inputs with same name & id upon hitting Enter

本文关键字：文本 输入 数据 检索 id Enter      更新时间：2023-09-26

我有几个具有相同ID和相同名称的动态文本输入。每当用户在该文本输入中按"Enter"键时，我想获取在特定文本输入中键入的数据。

例如，我有 

<input type="text" id="fetchChatMsg" name="chat" />
<input type="text" id="fetchChatMsg" name="chat" />
<input type="text" id="fetchChatMsg" name="chat" />
<input type="text" id="fetchChatMsg" name="chat" />

每个输入都是在某个事件上动态创建的。现在假设，屏幕上有 4 个文本输入。用户可以在其中键入任何内容。我希望每当用户在任何文本输入中按"Enter"键时，都应该提醒该特定文本输入中的数据。

我使用过：

$(document).on('keypress','#fetchChatMsg', function(e) {
    if(e.which==13)
        alert($('#fetchChatMsg').val());
});

但这真的很暧昧。请整理一下，也许班级可以处理这个问题？

试试这个，没有重复的ID，而是类。

jQuery 

$(document).on('keypress','.fetchChatMsg', function(e) {
    if(e.which==13)
        alert(this.value);
});

.HTML

<input type="text" class="fetchChatMsg" name="chat" />
<input type="text" class="fetchChatMsg" name="chat" />
<input type="text" class="fetchChatMsg" name="chat" />
<input type="text" class="fetchChatMsg" name="chat" />

在这里演示

相关文章：