JavaScript DOM Model 2 添加multiple handlers

来源：互联网发布：mindjet中文mac破解版编辑：程序博客网时间：2024/04/30 22:47

addEventListener(eventType,listener,useCapture)

eventType参数指定handle类型，如”click”,”mouseover”,”keydown”等。

listener参数是函数或者内联函数的引用，传递handle处理的闭包。

最后一个参数，useCapture是个布尔型变量，一般留为空。

<html>  <head>    <title>DOM Level 2 Events Example</title>    <script type="text/javascript"            src="../scripts/jquery-1.2.1.js">    </script>    <script type="text/javascript">      $(function(){                         var element = $('#vstar')[0];        element.addEventListener('click',function(event) {          say('Whee once!');        },false);        element.addEventListener('click',function(event) {          say('Whee twice!');        },false);        element.addEventListener('click',function(event) {          say('Whee three times!');        },false);      });      function say(text) {        $('#console').append('<div>'+text+'</div>');      }    </script>  </head>  <body>    <img id="vstar" src="vstar.jpg"/>    <div id="console"></div>  </body></html>

Establishes three event handlers!