JS获取输入内容匹配页面关键字，并修改样式

最新推荐文章于 2022-08-03 10:53:16 发布

付楚

最新推荐文章于 2022-08-03 10:53:16 发布

阅读量1.4k

点赞数

分类专栏： JavaScript MUI

本文链接：https://blog.csdn.net/Mr__Fu/article/details/82454977

版权

本文介绍如何使用JavaScript监听输入框内容变化，实时查找页面中与输入内容匹配的关键字，并对匹配的关键字进行高亮显示，提升用户体验。

摘要由CSDN通过智能技术生成

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../../css/mui.min.css" rel="stylesheet" />
</head>
<body>
    <div id="content">
        <span>哈</span></br>
        <span>哈哈2</span></br>
        <span>哈哈哈3</span></br>
        <span>哈哈哈哈4</span></br>
        <span>哈哈哈哈哈5</span></br>
    </div>
    <button id="confirmBtn">按钮</button>
    <script src="../../js/mui.min.js"></script>
    <script src="../../js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        mui.init();