Javascript适用于Firefox,而不适用于IE8?

时间:2011-03-02 21:14:29

标签: internet-explorer javascript-events

此代码在Firefox中加载时有效,但在IE8中不起作用。在IE8中,单击该链接无效。

如果能让它在IE中运行,我将不胜感激。

     <html>
       <head>
        <title>RG</title>
      </head> 
   <script type="text/javascript">

      var rightTarget;
      var leftTarget;
      var index = 516;
      var img;
      function rightLinkClicked(e) {
        rightTarget = e.target;
            rightTarget.style.color = "green";
        if (index < 547) {
       index = index +1;
               img=document.getElementById("img");
               img.src="pics/IMG_0" + index + ".JPG";
           } else {
      alert ("This is the last painting");
        }
      }

      function leftLinkClicked(e) {
        leftTarget = e.target;
            leftTarget.style.color = "red";
            rightTarget.style.color = "black";
        if (index >516) {
            index = index -1;
                    img=document.getElementById('img');
                    img.src="pics/IMG_0" + index + ".JPG";
        } else {
       alert ("This is the first painting");
            }   
            }

       function addListeners() {
        var rightLink = document.getElementById("rightlinkid");
            rightLink.addEventListener('click', rightLinkClicked, false);
            var leftLink = document.getElementById("leftlinkid");

            leftLink.addEventListener('click', leftLinkClicked, false);
           }
           window.addEventListener('load', addListeners, false);

      </script>   
      </head>   
      <body>
         <h2>RG</h2>
         <div>
         <a id="leftlinkid">Previous
     <img src="icons/left.gif" ;="" alt="left arrow" title="">
         </a>
        </div>
    <div id="myimg">        
          <img id="img" src="pics/IMG_0516.JPG" ;="" alt="start arrow"           title=""width="640"height="480">
</div>
<div>
<a id="rightlinkid">Next
<img src="icons/right.gif" ;="" alt="right arrow" title="">
</a>
</div>        
<p>© 2011 RG</p>
    </body>
    </html>

1 个答案:

答案 0 :(得分:1)

IE使用attachEvent代替addEventListener

您可能希望使用跨浏览器的Javascript库(例如jQuery)来处理这些问题(以及更多问题)。