1

特定のスパンがクリックされるたびに検索ボックスが表示されるようにしています。これが私のコードです

<td style="width:35%;text-align:left;">
<span id='tgName' onclick ='showbox()'>Template Group</span>
<input id='searchBox' type='text'style='display:none' onkeypress ='handleEnterKey(this.id)'> </input>
</td>
<td style="width:30%;text-align:left;">
<span id ='ttName' onclick ='showbox1()'>Template Name </span>
<input id='searchBox1' type='text'style='display:none'onkeypress ='handleEnterKey(this.id)'>
</input>
</td>
function showbox()
{
document.getElementById('tgName').style.display='none';
document.getElementById('searchBox').style.display= '';
}

function showbox1()
{
document.getElementById('ttName').style.display='none';
document.getElementById('searchBox1').style.display= '';
}

ユーザーがボックスの外側をクリックすると、ボックスが消えてスパンが表示されます。どうすれば達成できますか？

4

3 に答える 3

0

このスクリプトをページに追加すると、タスクが達成されます。

 <script>
    $(document).ready(function () {

            $(document).mouseup(function (e) {

            var container = $("#searchBox1");

                    if (!container.is(e.target) 
                && container.has(e.target).length === 0) 
                    {

                        document.getElementById("searchBox1").style.display = 'none';

                    }
                });

        });

    </script>
于 2013-09-19T14:52:22.367 に答える