divをオンにするとJavaScriptが表示されます

Question

divをオンにして、どこでもクリックしてこのdivを非表示にします。

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); 
 
     }); 
 
    });

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

私はこのエラーを見つけました：

"message": "Uncaught TypeError: window.addEvent is not a function",

私はそれを修正する方法がわかりません。誰かが私を助けることができますか？

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()をお探しですか？ここで