Question

我有一个用于搜索输入的输入文本框，文本框的ID是：id =“search”。

如果用户首先输入'cat'并点击搜索。

在函数中，我使用语法

获取值'cat'

var input = document.getElementById("search").value;

之后，用户在搜索框中输入“dog”并使用相同的功能点击搜索。

该函数会将'dog'分配给输入变量。

如何将当前值（狗）与先前输入的值（cat）进行比较？

我试图给原始输入分配一个语句，比如

var orig = input;

但这只会用新输入覆盖原始输入。

解决此问题的合理方法是什么。

Answer 1

var original = "";

function searchHandler() {
   var input = document.getElementById("search").value;

   if(input != original) {
      //handle case if input is not equal to original
   }

   else {
     //handle case if input is equal to original
   }

   original = input;
}

此代码将保留最后输入值的历史记录（仅在客户端）。如果要保留多个值，则解决方案稍微复杂一些;你可以使用堆栈。

Answer 2

一种方法是拥有一个列表或一组先前搜索过的单词。这样，您可以将搜索项添加到列表或集中，而不是为变量赋值。虽然这会带来您是否希望搜索历史无限制以及是否要存储重复搜索条目的问题。

帮助，坚持逻辑变量比较循环，JavaScript

2 个答案: