如何使用JQuery将onclick事件处理程序添加到锚标记

How do I add an onclick event handler to an anchor tag using JQuery?

本文关键字：添加 程序 事件处理 何使用 JQuery onclick      更新时间：2023-09-26

我想添加一个onclick事件到锚标记:

    $recipe += '<a class="add-bookmark" href="#">Add bookmark</a>'; //Add event to this

function addEventListeners() {
        $(document).on("click", ".add-bookmark", function() {
            alert("done");
        });
    }
addEventListeners();

如何在JQuery中动态添加事件处理程序?

更新:问题已经解决，当我把事件处理程序代码上面的函数包含标签

在<a>

的情况下使用
 $(document).on("click", ".add-bookmark", function(event) {
        event.preventDefault();    //prevent default action of <a>
        alert("done");
 });

尝试使用下面这段代码。

$('a.add-bookmark').click(function (e) {
    e.preventDefault(); //if you want to prevent the default action for anchor elements.
    //write your statements.
    alert('done');
});
相关文章：