Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在Javascript中显示Div onClick_Javascript_Html_Onclick - Fatal编程技术网

在Javascript中显示Div onClick

在Javascript中显示Div onClick,javascript,html,onclick,Javascript,Html,Onclick,我想在单击任意位置时显示div onClick并隐藏此div window.addEvent('load',function(){ $$('a.tooltip')。每个(函数(链接){ var tooltip=document.id(link.id+“\u tooltip”), 回调=函数(e){ 如果(tooltip.style.display=='block'){ tooltip.style.display='none'; document.removeEvent(“单击”,回调); }否

我想在单击任意位置时显示div onClick并隐藏此div

window.addEvent('load',function(){
$$('a.tooltip')。每个(函数(链接){
var tooltip=document.id(link.id+“\u tooltip”),
回调=函数(e){
如果(tooltip.style.display=='block'){
tooltip.style.display='none';
document.removeEvent(“单击”,回调);
}否则{
tooltip.style.display='block';
document.addEvent('click',回调);
}
e、 停止();
};
link.addEvent('click',回调);
});
});

点击任何地方到Kylim
以下是如何做到这一点:)

HTML:

这是一把小提琴:

如果尚未导入jquery,则应将其导入站点头部,如下所示:

<script   src="https://code.jquery.com/jquery-2.2.4.min.js"   integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="   crossorigin="anonymous"></script>

因为您需要jquery:)小提琴能正常工作吗?
$('.tooltip').click(function(){
$('#link1_tooltip').show();
});
$(document).mouseup(function (e)
{
    var container = $('#link1_tooltip');

    if (!container.is(e.target) // if the target of the click isn't the container...
        && container.has(e.target).length === 0) // ... nor a descendant of the container
    {
        container.hide();
    }
});
<script   src="https://code.jquery.com/jquery-2.2.4.min.js"   integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="   crossorigin="anonymous"></script>