要让JS搜索栏不区分大小写,可以通过以下几种方法实现:
var keyword = document.getElementById("searchInput").value.toLowerCase(); // 将搜索关键字转换为小写
var targetText = document.getElementById("targetText").textContent.toLowerCase(); // 将目标文本转换为小写
var regex = new RegExp(keyword, "i"); // 使用正则表达式进行匹配,"i"表示不区分大小写
if (regex.test(targetText)) {
// 匹配成功的处理逻辑
}
var keyword = document.getElementById("searchInput").value.toLowerCase(); // 将搜索关键字转换为小写
var targetText = document.getElementById("targetText").textContent.toLowerCase(); // 将目标文本转换为小写
if (targetText.toLowerCase().indexOf(keyword) !== -1) {
// 包含搜索关键字的处理逻辑
}
<style>
#targetText {
text-transform: lowercase; /* 将文本转换为小写 */
}
</style>
<input type="text" id="searchInput">
<div id="targetText">Target Text</div>
<script>
var keyword = document.getElementById("searchInput").value.toLowerCase(); // 将搜索关键字转换为小写
var targetText = document.getElementById("targetText").textContent.toLowerCase(); // 将目标文本转换为小写
if (targetText.indexOf(keyword) !== -1) {
// 包含搜索关键字的处理逻辑
}
</script>
以上是三种常见的方法,可以根据具体需求选择适合的方式来实现搜索栏不区分大小写。
领取专属 10元无门槛券
手把手带您无忧上云