当用户专注于输入时如何推荐文本

Question

我的页面中有一个搜索框，我想推荐我页面的某些部分，当用户关注我的搜索框输入时，写一些东西

<input type="text" placeholder="Search...">

我想向用户推荐：最佳手机、最佳 2021 笔记本电脑等...

Answer 1

您可以通过 JQuery（如果可以使用 JQuery）在此字段上捕获“点击”事件，然后显示推荐。

如果推荐是您不需要在数据库中的固定文本，您可以将它们隐藏在 div 中，当用户点击搜索框时，将 div 变为可见。

非常基本的代码示例 JQuery:

<html>
<head>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
</head>
<body>
    <form>
        <input type="text" placeholder="Search..." id="myAmazingSearchBox">
    </form>

    <div id="recommendations" style="display:none">
        <p>Best phones , best 2021 laptops etc...</p>
    </div>

    <script type="text/javascript">
        $("#myAmazingSearchBox").click(function() {
            $("#recommendations").fadeIn();
        });
    </script>
</body>

当用户专注于输入时如何推荐文本

How can I recommend a text when user focus on an input

html

javascript

forms

text

input