addEventListener不工作

Question

为什么addEventListener不工作？控制台保持沉默，没有错误。

function hide() { 
 
    console.log(document.getElementById('text')); 
 
    document.getElementById('text').style.display = 'none'; 
 
    console.log(document.getElementById('text')); 
 
} 
 
console.log(document.getElementById('hider')); 
 
document.getElementById('hider').addEventListener('hide_element', hide);

<input type="button" id="hider" value="Click to hide text" /> 
 

 
<div id="text">Text</div>

Answer 1

您需要将事件监听器添加到click事件，不hide_element

function hide() { 
 
    document.getElementById('text').style.display = 'none'; 
 
} 
 

 
document.getElementById('hider').addEventListener('click', hide);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" id="hider" value="Click to hide text" /> 
 

 
<div id="text">Text</div>