javascript - 从 Href 调用 JS 函数

Question

我很好奇在 HTML 中使用 href 链接调用 JS 函数的最佳方式是什么。我不使用库，我看到很多关于使用事件处理程序的 jquery 的提及......

但如果我不使用库，它仍然可以完成还是我必须使用点击类型调用？

Answer 1

您可以通过纯 JavaScript 使用事件处理程序。不需要框架。这是我使用的跨浏览器功能:

// add event cross browser
function addEvent(elem, event, fn) {
    if (elem.addEventListener) {
        elem.addEventListener(event, fn, false);
    } else {
        elem.attachEvent("on" + event, function() {
            // set the this pointer same as addEventListener when fn is called
            return(fn.call(elem, window.event));   
        });
    }
}

并且，使用它的示例如下:

HTML:

<a id="myLink" href="#">Click ME</a>

Javascript:

var link = document.getElementById("myLink").
addEvent(link, "click", function(e) {
    // process the click on the link here
});

如果您不希望发生链接的默认点击，那么您需要阻止事件处理程序的默认行为，如下所示:

var link = document.getElementById("myLink").
addEvent(link, "click", function(e) {
    // process the click on the link here

    // prevent default action of the click
    if (e.preventDefault) {
        e.preventDefault();      // normal browsers
    } else {
        e.returnValue = false;   // older versions of IE (yuck)
    }
});