JavaScript JS li标签onclick在IE8上不起作用

IE8和更早版本没有

addEventListener

attachEvent

这是一个使用可用功能的“挂钩此事件”功能：

var hookEvent = (function() {    var div;    // The function we use on standard-compliant browsers    function standardHookEvent(element, eventName, handler) {        element.addEventListener(eventName, handler, false);        return element;    }    // The function we use on browsers with the previous Microsoft-specific mechanism    function oldIEHookEvent(element, eventName, handler) {        element.attachEvent("on" + eventName, function(e) { e = e || window.event; e.preventDefault = oldIEPreventDefault; e.stopPropagation = oldIEStopPropagation; handler.call(element, e);        });        return element;    }    // Polyfill for preventDefault on old IE    function oldIEPreventDefault() {        this.returnValue = false;    }    // Polyfill for stopPropagation on old IE    function oldIEStopPropagation() {        this.cancelBubble = true;    }    // Return the appropriate function; we don't rely on document.body    // here just in case someone wants to use this within the head    div = document.createElement('div');    if (div.addEventListener) {        div = undefined;        return standardHookEvent;    }    if (div.attachEvent) {        div = undefined;        return oldIEHookEvent;    }    throw "Neither modern event mechanism (addEventListener nor attachEvent) is supported by this browser.";})();

然后，您将在示例中使用它：

hookEvent(document.getElementById("hd_vertical"), "click", function(e) {    // ...});

请注意，它如何在使用的浏览器上提供事件对象的缺少

preventDefault

stopPropagation

attachEvent

this

addEventListener

有活动正常化的各个方面，上面的也 没有 做：

1. 它不能保证处理程序的运行

   attachEvent

   顺序（它们的执行顺序与之相反

   addEventListener

   ）

2. 它不处理

   e.which

   与vs之

   e.keyCode

   类的问题

旁注：正如adeneo在对问题的评论中指出的那样，IE8也不支持

getElementsByClassName

querySelectorAll

querySelector

var _url = document.getElementsByClassName(id)[1].getAttribute('href');

至

var _url = document.querySelectorAll("." + id)[1].getAttribute('href');

请注意，这将尝试获取与选择器匹配的第二个元素。

[1]

[0]

querySelector

var _url = document.querySelector("." + id).getAttribute('href');