search

Home >Web Front-end >JS Tutorial >JavaScript uses addEventListener to add event listening usage examples_javascript tips

JavaScript uses addEventListener to add event listening usage examples_javascript tips

WBOY
WBOYOriginal
2016-05-16 15:57:171396browse

The example in this article describes the use of JavaScript addEventListener to add event listening usage. Share it with everyone for your reference. The specific implementation method is as follows: 

<!DOCTYPE html>
<html lang="en">
<head>
 <title>This text is the title of the document</title>
 <script>
  function showalert(){
   alert('you clicked me!');
  }
  function clickme(){
   var pelement=document.getElementsByTagName('p')[0];
   pelement.addEventListener('click', showalert, false);
  }
  window.addEventListener('load', clickme, false);
 </script>
</head>
<body>
 <div id="main">
  <p>Click Me</p>
  <p>You Can't Click Me</p>
 </div>
</body>
</html>

I hope this article will be helpful to everyone’s JavaScript programming design.

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：jquery floating fixed layer plug-in usage example at any position_jqueryNext article：jquery floating fixed layer plug-in usage example at any position_jquery

Related articles

See more