Question

我想显示div onClick并在任何地方点击隐藏此div。

＆＃13;

    window.addEvent('load', function() {
      $$('a.tooltip').each(function(link) {
        var tooltip = document.id(link.id + '_tooltip'),
            callback = function(e) {
              if( tooltip.style.display === 'block' ) {
                tooltip.style.display = 'none';
                document.removeEvent('click', callback);
              } else {
                tooltip.style.display = 'block';
                document.addEvent('click', callback);
              }
              e.stop();
            };
        link.addEvent('click', callback);
      });
    });

＆＃13;

<a class="tooltip" id="link1" href="#">Show</a>
<div style="display:none" id="link1_tooltip">Tap anywhere to kylym</div>

＆＃13;

我发现了这个错误：

＆＃34; message＆＃34;：＆＃34; Uncaught TypeError：window.addEvent不是函数＆＃34;，

我不知道如何修复它。有人可以帮帮我吗？

Answer 1

以下是如何做到这一点:)

HTML：

<a class="tooltip" id="link1" href="#">Show</a>
<div style="display:none" id="link1_tooltip">Tap anywhere to kylym</div>

JS：

$('.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();
    }
});

这是一个小提琴：https://jsfiddle.net/sctvo1fq/

如果还没有，你应该在你的网站上导入jquery，如下所示：

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

Answer 2

window.addEvent()不是有效的功能，除非您已将其定义为此类功能。

也许您正在寻找window.addEventListener()？

在Javascript中显示Div onClick

2 个答案: