{"id":101,"date":"2010-05-20T19:53:33","date_gmt":"2010-05-20T19:53:33","guid":{"rendered":"38b3eff8baf56627478ec76a704e9b52"},"modified":"2010-05-20T19:53:33","modified_gmt":"2010-05-20T19:53:33","slug":"","status":"publish","type":"post","link":"https:\/\/www.xiaobo.li\/notes\/archives\/101","title":{"rendered":"\u5173\u4e8eIE\u4e0battachEvent\u4e0d\u80fd\u7ed1\u5b9athis\u7684\u95ee\u9898"},"content":{"rendered":"

\u5173\u4e8eIE\u4e0battachEvent<\/font>
\n<\/span>
\n\u4e0d\u80fd\u7ed1\u5b9athis<\/font>
\n<\/span>
\n\u7684\u95ee\u9898<\/font>\n<\/p>\n

\n
\u7531\u4e8e\u5e16\u5b50"\u5173\u4e8eIE\u548cFirefox\u4e0bevent\u4e71\u8c08<\/font>
\n<\/span>
\n"\u7684\u56de\u590d\u4e2d\u6709\u597d\u4eba\u63d0\u5230IE\u4e0battachEvent<\/font>
\n<\/span>
\n\u4e0d\u80fd\u7ed1\u5b9athis<\/font>
\n<\/span>
\n\u7684\u95ee\u9898,\u5e76\u7ed9\u51fa\u4e86\u4e00\u4e9b\u89e3\u51b3\u65b9\u6848,\u8fd9\u91cc\u6536\u96c6\u4e00\u6bb5\u4ee3\u7801:<\/div>\n
js \u4ee3\u7801<\/div>\n
\n
 <\/div>\n
    \n
  1. \n
    \/** <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  2. \n
      * Crossbrowser event handling functions. <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  3. \n
      * <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  4. \n
      * A set of functions to easily attach and detach event handlers to HTML elements. <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  5. \n
      * These functions work around the shortcomings of the traditional method 
      * ( element.onevent = function; ) <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  6. \n
      * where only 1 handler could be attached for a certain event on the object, and
      * mimic the DOM level 2 <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  7. \n
      * event methods addEventListener and removeEventListener for browsers that do not 
      * support these <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  8. \n
      * methods (e.g. Internet Explorer) without resorting to propriety methods such as
      * <\/font>
    \nattachEvent<\/font>
    \n<\/span>
    \n and detachEvent <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  9. \n
      * that have a whole set of their own shortcomings. <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  10. \n
      * Created as an entry for the 'contest' at quirksmode.org: 
      * http:\/\/www.quirksmode.org\/blog\/archives\/2005\/09\/addevent_recodi.html <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  11. \n
      * <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  12. \n
      * @author Tino Zijdel ( crisp@xs4all.nl ) <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  13. \n
      * @version 1.0 <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  14. \n
      * @date 2005-09-09 <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  15. \n
      *\/<\/font>
    \n<\/span>
    \n  <\/span>
    \n<\/span>\n<\/div>\n<\/li>\n
  16. \n
      <\/span>\n<\/div>\n<\/li>\n
  17. \n
      <\/span>\n<\/div>\n<\/li>\n
  18. \n
    \/** <\/font>
    \n<\/span>\n<\/div>\n<\/li>\n
  19. \n
      * addEvent <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  20. \n
      * <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  21. \n
      * Generic function to attach event listeners to HTML elements. <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  22. \n
      * <\/font>
    \nThis<\/font>
    \n<\/span>
    \n function does NOT use <\/font>
    \nattachEvent<\/font>
    \n<\/span>
    \n but creates an own stack of function 
      * references <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  23. \n
      * in the DOM space of the element. <\/font>
    \nThis<\/font>
    \n<\/span>
    \n prevents closures and therefor possible 
      * memory leaks. <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  24. \n
      * Also because of the way the function references are stored they will get executed 
      * in the <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  25. \n
      * same order as they where attached - matching the behavior of addEventListener. <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  26. \n
      * <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  27. \n
      * @param obj The object to which the event should be attached. <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  28. \n
      * @param evType The eventtype, eg. 'click', 'mousemove' etcetera. <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  29. \n
      * @param fn The function to be executed when the event fires. <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  30. \n
      * @param useCapture (optional) Whether to use event capturing, or event bubbling 
      * (default). <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  31. \n
      *\/<\/font>
    \n<\/span>
    \n  <\/span>
    \n<\/span>\n<\/div>\n<\/li>\n
  32. \n
    function<\/font>
    \n<\/strong>
    \n<\/span>
    \n addEvent(obj, evType, fn, useCapture)   <\/span>\n<\/div>\n<\/li>\n
  33. \n
    {   <\/span>\n<\/div>\n<\/li>\n
  34. \n
        <\/span>
    \n\/\/-- Default to event bubbling <\/font>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  35. \n
        <\/span>
    \nif<\/font>
    \n<\/strong>
    \n<\/span>
    \n (!useCapture) useCapture = <\/span>
    \nfalse<\/font>
    \n<\/strong>
    \n<\/span>
    \n;   <\/span>\n<\/div>\n<\/li>\n
  36. \n
      <\/span>\n<\/div>\n<\/li>\n
  37. \n
        <\/span>
    \n\/\/-- DOM level 2 method <\/font>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  38. \n
        <\/span>
    \nif<\/font>
    \n<\/strong>
    \n<\/span>
    \n (obj.addEventListener)   <\/span>\n<\/div>\n<\/li>\n
  39. \n
        {   <\/span>\n<\/div>\n<\/li>\n
  40. \n
            obj.addEventListener(evType, fn, useCapture);   <\/span>\n<\/div>\n<\/li>\n
  41. \n
        }   <\/span>\n<\/div>\n<\/li>\n
  42. \n
        <\/span>
    \nelse<\/font>
    \n<\/strong>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  43. \n
        {   <\/span>\n<\/div>\n<\/li>\n
  44. \n
            <\/span>
    \n\/\/-- event capturing not supported <\/font>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  45. \n
            <\/span>
    \nif<\/font>
    \n<\/strong>
    \n<\/span>
    \n (useCapture)   <\/span>\n<\/div>\n<\/li>\n
  46. \n
            {   <\/span>\n<\/div>\n<\/li>\n
  47. \n
                alert('This<\/font>
    \n<\/span>
    \n browser does not support event capturing!');   <\/span>\n<\/div>\n<\/li>\n
  48. \n
            }   <\/span>\n<\/div>\n<\/li>\n
  49. \n
            <\/span>
    \nelse<\/font>
    \n<\/strong>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  50. \n
            {   <\/span>\n<\/div>\n<\/li>\n
  51. \n
                <\/span>
    \nvar<\/font>
    \n<\/strong>
    \n<\/span>
    \n evTypeRef = '__' + evType;   <\/span>\n<\/div>\n<\/li>\n
  52. \n
      <\/span>\n<\/div>\n<\/li>\n
  53. \n
                <\/span>
    \n\/\/-- create function stack in the DOM space of the element; seperate stacks for each 
      event type <\/font>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  54. \n
                <\/span>
    \nif<\/font>
    \n<\/strong>
    \n<\/span>
    \n (!obj[evTypeRef])   <\/span>\n<\/div>\n<\/li>\n
  55. \n
                {   <\/span>\n<\/div>\n<\/li>\n
  56. \n
                    <\/span>
    \n\/\/-- create the stack if it doesn't exist yet <\/font>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  57. \n
                    obj[evTypeRef] = [];   <\/span>\n<\/div>\n<\/li>\n
  58. \n
      <\/span>\n<\/div>\n<\/li>\n
  59. \n
                    <\/span>
    \n\/\/-- if there is an inline event defined store it in the stack <\/font>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  60. \n
                    <\/span>
    \nvar<\/font>
    \n<\/strong>
    \n<\/span>
    \n orgEvent = obj['on'+evType];   <\/span>\n<\/div>\n<\/li>\n
  61. \n
                    <\/span>
    \nif<\/font>
    \n<\/strong>
    \n<\/span>
    \n (orgEvent) obj[evTypeRef][0] = orgEvent;   <\/span>\n<\/div>\n<\/li>\n
  62. \n
      <\/span>\n<\/div>\n<\/li>\n
  63. \n
                    <\/span>
    \n\/\/-- attach helper function using the DOM level 0 method <\/font>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  64. \n
                    obj['on'+evType] = IEEventHandler;   <\/span>\n<\/div>\n<\/li>\n
  65. \n
                }   <\/span>\n<\/div>\n<\/li>\n
  66. \n
                <\/span>
    \nelse<\/font>
    \n<\/strong>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  67. \n
                {   <\/span>\n<\/div>\n<\/li>\n
  68. \n
                    <\/span>
    \n\/\/-- check if handler is not already attached, don't attach the same function twice to match 
    behavior of addEventListener <\/font>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  69. \n
                    <\/span>
    \nfor<\/font>
    \n<\/strong>
    \n<\/span>
    \n (<\/span>
    \nvar<\/font>
    \n<\/strong>
    \n<\/span>
    \n ref <\/span>
    \nin<\/font>
    \n<\/strong>
    \n<\/span>
    \n obj[evTypeRef])   <\/span>\n<\/div>\n<\/li>\n
  70. \n
                    {   <\/span>\n<\/div>\n<\/li>\n
  71. \n
                        <\/span>
    \nif<\/font>
    \n<\/strong>
    \n<\/span>
    \n (obj[evTypeRef][ref] === fn) <\/span>
    \nreturn<\/font>
    \n<\/strong>
    \n<\/span>
    \n;   <\/span>\n<\/div>\n<\/li>\n
  72. \n
                    }   <\/span>\n<\/div>\n<\/li>\n
  73. \n
                }   <\/span>\n<\/div>\n<\/li>\n
  74. \n
      <\/span>\n<\/div>\n<\/li>\n
  75. \n
                <\/span>
    \n\/\/-- add reference to the function to the stack <\/font>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  76. \n
                obj[evTypeRef][obj[evTypeRef].length] = fn;   <\/span>\n<\/div>\n<\/li>\n
  77. \n
            }   <\/span>\n<\/div>\n<\/li>\n
  78. \n
        }   <\/span>\n<\/div>\n<\/li>\n
  79. \n
    }   <\/span>\n<\/div>\n<\/li>\n
  80. \n
      <\/span>\n<\/div>\n<\/li>\n
  81. \n
    \/** <\/font>
    \n<\/span>\n<\/div>\n<\/li>\n
  82. \n
      * removeEvent <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  83. \n
      * <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  84. \n
      * Generic function to remove previously attached event listeners. <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  85. \n
      * <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  86. \n
      * @param obj The object to which the event listener was attached. <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  87. \n
      * @param evType The eventtype, eg. 'click', 'mousemove' etcetera. <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  88. \n
      * @param fn The listener function. <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  89. \n
      * @param useCapture (optional) Whether event capturing, or event bubbling 
      * (default) was used. <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  90. \n
      *\/<\/font>
    \n<\/span>
    \n  <\/span>
    \n<\/span>\n<\/div>\n<\/li>\n
  91. \n
    function<\/font>
    \n<\/strong>
    \n<\/span>
    \n removeEvent(obj, evType, fn, useCapture)   <\/span>\n<\/div>\n<\/li>\n
  92. \n
    {   <\/span>\n<\/div>\n<\/li>\n
  93. \n
        <\/span>
    \n\/\/-- Default to event bubbling <\/font>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  94. \n
        <\/span>
    \nif<\/font>
    \n<\/strong>
    \n<\/span>
    \n (!useCapture) useCapture = <\/span>
    \nfalse<\/font>
    \n<\/strong>
    \n<\/span>
    \n;   <\/span>\n<\/div>\n<\/li>\n
  95. \n
      <\/span>\n<\/div>\n<\/li>\n
  96. \n
        <\/span>
    \n\/\/-- DOM level 2 method <\/font>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  97. \n
        <\/span>
    \nif<\/font>
    \n<\/strong>
    \n<\/span>
    \n (obj.removeEventListener)   <\/span>\n<\/div>\n<\/li>\n
  98. \n
        {   <\/span>\n<\/div>\n<\/li>\n
  99. \n
            obj.removeEventListener(evType, fn, useCapture);   <\/span>\n<\/div>\n<\/li>\n
  100. \n
        }   <\/span>\n<\/div>\n<\/li>\n
  101. \n
        <\/span>
    \nelse<\/font>
    \n<\/strong>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  102. \n
        {   <\/span>\n<\/div>\n<\/li>\n
  103. \n
            <\/span>
    \nvar<\/font>
    \n<\/strong>
    \n<\/span>
    \n evTypeRef = '__' + evType;   <\/span>\n<\/div>\n<\/li>\n
  104. \n
      <\/span>\n<\/div>\n<\/li>\n
  105. \n
            <\/span>
    \n\/\/-- Check if there is a stack of function references for <\/font>
    \nthis<\/font>
    \n<\/span>
    \n event type on the object <\/font>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  106. \n
            <\/span>
    \nif<\/font>
    \n<\/strong>
    \n<\/span>
    \n (obj[evTypeRef])   <\/span>\n<\/div>\n<\/li>\n
  107. \n
            {   <\/span>\n<\/div>\n<\/li>\n
  108. \n
                <\/span>
    \n\/\/-- iterate through the stack <\/font>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  109. \n
                <\/span>
    \nfor<\/font>
    \n<\/strong>
    \n<\/span>
    \n (<\/span>
    \nvar<\/font>
    \n<\/strong>
    \n<\/span>
    \n ref <\/span>
    \nin<\/font>
    \n<\/strong>
    \n<\/span>
    \n obj[evTypeRef])   <\/span>\n<\/div>\n<\/li>\n
  110. \n
                {   <\/span>\n<\/div>\n<\/li>\n
  111. \n
                    <\/span>
    \n\/\/-- if function reference is found, remove it <\/font>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  112. \n
                    <\/span>
    \nif<\/font>
    \n<\/strong>
    \n<\/span>
    \n (obj[evTypeRef][ref] === fn)   <\/span>\n<\/div>\n<\/li>\n
  113. \n
                    {   <\/span>\n<\/div>\n<\/li>\n
  114. \n
                        <\/span>
    \ntry<\/font>
    \n<\/strong>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  115. \n
                        {   <\/span>\n<\/div>\n<\/li>\n
  116. \n
                            <\/span>
    \ndelete<\/font>
    \n<\/strong>
    \n<\/span>
    \n obj[evTypeRef][ref];   <\/span>\n<\/div>\n<\/li>\n
  117. \n
                        }   <\/span>\n<\/div>\n<\/li>\n
  118. \n
                        <\/span>
    \ncatch<\/font>
    \n<\/strong>
    \n<\/span>
    \n(e)   <\/span>\n<\/div>\n<\/li>\n
  119. \n
                        {   <\/span>\n<\/div>\n<\/li>\n
  120. \n
                            obj[evTypeRef][ref] = <\/span>
    \nnull<\/font>
    \n<\/strong>
    \n<\/span>
    \n;   <\/span>\n<\/div>\n<\/li>\n
  121. \n
                        }   <\/span>\n<\/div>\n<\/li>\n
  122. \n
      <\/span>\n<\/div>\n<\/li>\n
  123. \n
                        <\/span>
    \nreturn<\/font>
    \n<\/strong>
    \n<\/span>
    \n;   <\/span>\n<\/div>\n<\/li>\n
  124. \n
                    }   <\/span>\n<\/div>\n<\/li>\n
  125. \n
                }   <\/span>\n<\/div>\n<\/li>\n
  126. \n
            }   <\/span>\n<\/div>\n<\/li>\n
  127. \n
        }   <\/span>\n<\/div>\n<\/li>\n
  128. \n
    }   <\/span>\n<\/div>\n<\/li>\n
  129. \n
      <\/span>\n<\/div>\n<\/li>\n
  130. \n
    \/** <\/font>
    \n<\/span>\n<\/div>\n<\/li>\n
  131. \n
      * IEEventHandler <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  132. \n
      *  <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  133. \n
      * IE helper function to execute the attached handlers for events. <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  134. \n
      * Because of the way <\/font>
    \nthis<\/font>
    \n<\/span>
    \n helperfunction is attached to the object (using the DOM 
      * level 0 method) <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  135. \n
      * the '<\/font>
    \nthis<\/font>
    \n<\/span>
    \n' keyword will correctely point to the element that the handler was 
      * defined on. <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  136. \n
      * <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  137. \n
      * @param e (optional) Event object, defaults to window.event object when not passed
      * as argument (IE). <\/font>
    \n<\/span>
    \n <\/span>\n<\/div>\n<\/li>\n
  138. \n
      *\/<\/font>
    \n<\/span>
    \n  <\/span>
    \n<\/span>\n<\/div>\n<\/li>\n
  139. \n
    function<\/font>
    \n<\/strong>
    \n<\/span>
    \n IEEventHandler(e)   <\/span>\n<\/div>\n<\/li>\n
  140. \n
    {   <\/span>\n<\/div>\n<\/li>\n
  141. \n
        e = e || window.event;   <\/span>\n<\/div>\n<\/li>\n
  142. \n
        <\/span>
    \nvar<\/font>
    \n<\/strong>
    \n<\/span>
    \n evTypeRef = '__' + e.type;   <\/span>\n<\/div>\n<\/li>\n
  143. \n
      <\/span>\n<\/div>\n<\/li>\n
  144. \n
        <\/span>
    \n\/\/-- check if there is a custom function stack defined for <\/font>
    \nthis<\/font>
    \n<\/span>
    \n event type on the object <\/font>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  145. \n
        <\/span>
    \nif<\/font>
    \n<\/strong>
    \n<\/span>
    \n (<\/span>
    \nthis<\/font>
    \n<\/strong>
    \n<\/span>
    \n<\/span>
    \n[evTypeRef])   <\/span>\n<\/div>\n<\/li>\n
  146. \n
        {   <\/span>\n<\/div>\n<\/li>\n
  147. \n
            <\/span>
    \n\/\/-- iterate through the stack and execute each function in the scope of the object by using
     function.call <\/font>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  148. \n
            <\/span>
    \nfor<\/font>
    \n<\/strong>
    \n<\/span>
    \n (<\/span>
    \nvar<\/font>
    \n<\/strong>
    \n<\/span>
    \n ref <\/span>
    \nin<\/font>
    \n<\/strong>
    \n<\/span>
    \n <\/span>
    \nthis<\/font>
    \n<\/strong>
    \n<\/span>
    \n<\/span>
    \n[evTypeRef])   <\/span>\n<\/div>\n<\/li>\n
  149. \n
            {   <\/span>\n<\/div>\n<\/li>\n
  150. \n
                <\/span>
    \nif<\/font>
    \n<\/strong>
    \n<\/span>
    \n (Function.call)   <\/span>\n<\/div>\n<\/li>\n
  151. \n
                {   <\/span>\n<\/div>\n<\/li>\n
  152. \n
                    <\/span>
    \nthis<\/font>
    \n<\/strong>
    \n<\/span>
    \n<\/span>
    \n[evTypeRef][ref].call(<\/span>
    \nthis<\/font>
    \n<\/strong>
    \n<\/span>
    \n<\/span>
    \n, e);   <\/span>\n<\/div>\n<\/li>\n
  153. \n
                }   <\/span>\n<\/div>\n<\/li>\n
  154. \n
                <\/span>
    \nelse<\/font>
    \n<\/strong>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  155. \n
                {   <\/span>\n<\/div>\n<\/li>\n
  156. \n
                    <\/span>
    \n\/\/-- IE 5.0 doesn't support call or apply, so use <\/font>
    \nthis<\/font>
    \n<\/span>
    \n <\/font>
    \n<\/span>
    \n  <\/span>\n<\/div>\n<\/li>\n
  157. \n
                    <\/span>
    \nthis<\/font>
    \n<\/strong>
    \n<\/span>
    \n<\/span>
    \n.__fn = <\/span>
    \nthis<\/font>
    \n<\/strong>
    \n<\/span>
    \n<\/span>
    \n[evTypeRef][ref];   <\/span>\n<\/div>\n<\/li>\n
  158. \n
                    <\/span>
    \nthis<\/font>
    \n<\/strong>
    \n<\/span>
    \n<\/span>
    \n.__fn(e);   <\/span>\n<\/div>\n<\/li>\n
  159. \n
                    <\/span>
    \nthis<\/font>
    \n<\/strong>
    \n<\/span>
    \n<\/span>
    \n.__fn = <\/span>
    \nnull<\/font>
    \n<\/strong>
    \n<\/span>
    \n;   <\/span>\n<\/div>\n<\/li>\n
  160. \n
                }   <\/span>\n<\/div>\n<\/li>\n
  161. \n
            }   <\/span>\n<\/div>\n<\/li>\n
  162. \n
        }   <\/span>\n<\/div>\n<\/li>\n
  163. \n
    }  <\/span>\n<\/div>\n<\/li>\n<\/ol>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    \u5173\u4e8eIE\u4e0battachEvent \u4e0d\u80fd\u7ed1\u5b9athis \u7684\u95ee\u9898 \u7531\u4e8e\u5e16\u5b50" … \u7ee7\u7eed\u9605\u8bfb →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[273],"tags":[8],"class_list":["post-101","post","type-post","status-publish","format-standard","hentry","category-article","tag-javascript"],"_links":{"self":[{"href":"https:\/\/www.xiaobo.li\/notes\/wp-json\/wp\/v2\/posts\/101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xiaobo.li\/notes\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xiaobo.li\/notes\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xiaobo.li\/notes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xiaobo.li\/notes\/wp-json\/wp\/v2\/comments?post=101"}],"version-history":[{"count":0,"href":"https:\/\/www.xiaobo.li\/notes\/wp-json\/wp\/v2\/posts\/101\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.xiaobo.li\/notes\/wp-json\/wp\/v2\/media?parent=101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xiaobo.li\/notes\/wp-json\/wp\/v2\/categories?post=101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xiaobo.li\/notes\/wp-json\/wp\/v2\/tags?post=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}