JS-新事件处理程序

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS-新事件处理程序相关的知识，希望对你有一定的参考价值。

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" >
  3. <head>
  4.     <title>Simple Event Example</title>
  5. <script type="text/javascript">
  6.  
  7.     function addEventHandler(oNode, sEvt, fFunc, bCaptures) {
  8.         if (typeof (window.event) != "undefined") {
  9.             oNode.attachEvent("on" + sEvt, fFunc);
  10.         }
  11.         else {
  12.             oNode.addEventListener(sEvt, fFunc, bCaptures);
  13.         }
  14.     }
  15.  
  16.     function onLinkClicked(e) {
  17.         alert('You clicked the link');
  18.     }
  19.  
  20.     function setUpClickHandler() {
  21.         addEventHandler(document.getElementById('clickLink'), "click", onLinkClicked, false);
  22.     }
  23.  
  24.     addEventHandler(window, "load", setUpClickHandler, false);
  25.  
  26. </script>
  27. </head>
  28. <body>
  29. <a href="#" title="click me" id="clickLink">Click Me!</a>
  30. </body>
  31. </html>

以上是关于JS-新事件处理程序的主要内容，如果未能解决你的问题，请参考以下文章

深入理解js Dom事件机制——添加事件处理程序

JS：Html事件处理程序 vs DOM0级事件处理程序 vs DOM2级事件处理程序

js事件处理程序详解，html事件处理程序，dom0级事件处理程序，dom2级事件处理程序

JavaScirpt中的事件处理程序

JS事件程序处理

Js 事件