javascript - Kotak input muncul semasa mengulas pada telefon bimbit Bagaimana untuk melaksanakan ini?

Question

Mengklik setiap komen boleh mencetuskan kotak input ini. Bagaimanakah ini dilaksanakan?

 <p class="f-item">
        <p class="f-content">        
            /*点击这里出现输入框*/
            <p class="f-recommed">评论评论我是评论</p>
            
            /*下面是其他人回复的内容*/
            <p class="f-other">
                <p class="f-otherItem">
                    <p class="f-tit">
                        <p class="f-tit-l">
                        <span>
                            <img src="images/head.png" alt=""/>
                        </span>
                            <p class="f-name">某某某</p>
                            <p class="f-time">04.28 08:33</p>
                        </p>
                        <span class="f-tit-r iconfont">3</span>
                    </p>
                    <p class="f-recommed">@某某某：评论评论我是评论</p>
                </p>
            </p>

        </p>
    </p>
    
    <nav class="f-bar">
        <textarea id="recommed" placeholder="添加评论..."></textarea>
        <button>评论</button>
    </nav>

Answer 1

Pertama sekali, kotak kaedah input ini ditulis oleh saya secara umumnya, ia adalah tag input.
Klik butang untuk membiarkan teg input mendapat fokus, dan kaedah input akan muncul secara automatik.

Answer 2

Siarkan struktur kod anda!
Prinsipnya adalah untuk mendapatkan id komen yang diklik dan memaparkan kotak input