只能使用第一个输入框输入注释.他们不为其余的工作

Comments can be entered using the first input box only. They don't work for the rest

本文关键字：输入 工作 他们 注释 第一个      更新时间：2024-01-08
首次

运行 html 后，注释存储本地存储值的行。然后在注释框中输入一些值并按回车键。可以为列表中的第一项输入注释。如果您尝试对下一项执行相同的操作，它们将不起作用。:(除第一个框外，无法在任何地方输入注释。

JSBin - http://jsbin.com/dosicuteku/2/

问题是你如何读取input框的值，你正在使用document.querySelector('.commentsBox').value来读取发生keyup的input元素的值，但这里的问题是document.querySelector('.commentsBox')将始终返回带有类commentsBox的第一个元素的值， 因此，如果有超过 1 个元素，那么它将始终返回第一个元素，而不是发生按键的元素。

在您的情况下，keyup事件中的this引用引发事件的元素，因此您只需使用 this.value 即可获取当前元素的值。因此，请更改以下行

//var comVal = document.querySelector('.commentsBox').value;
var comVal = this.value;
//....
//text = document.querySelector('.commentsBox').value;
text = this.value;

演示：小提琴

相关文章：