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

1 
document.getElementById('searchBox').disabled = true;

如果您想禁用它而不隐藏它。

于 2013-09-19T14:36:41.680 回答
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 回答
0

使用onBlur事件textbox并调用函数showbox()

 <input id='searchBox' type='text'style='display:none' onblur='showbox()' onkeypress ='handleEnterKey(this.id)'> </input>
于 2013-09-19T14:37:49.257 回答