包含单词时更改背景颜色输入

Question

您好，我有如下代码，当我输入单词“BH”或“bh”时，我的背景颜色将变为黄色。如何更改 javascript 代码以检测长文本中包含的单词？ 例如，当我将“Somethink text BH in input”之类的文本放在黄色背景上时，我想在长文本中检测像 BH 这样的单个字母

function checkFilled() {
	var inputVal = document.getElementById("subEmail");
    if (inputVal.value == "BH" || inputVal.value == "bh") {
        inputVal.style.backgroundColor = "yellow";
    }
    else{
        inputVal.style.backgroundColor = "";
    }
}
 
checkFilled();

<input type="text" id="subEmail" onchange="checkFilled();"/>

Answer 1

你可以使用.match:

function checkFilled() {
  var inputVal = document.getElementById("subEmail");
  if (inputVal.value.match("bh|BH")) {
    inputVal.style.backgroundColor = "yellow";
  }
  else{
    inputVal.style.backgroundColor = "";
  }
}

checkFilled();