javascript - JQUERY 的事件委托(delegate)问题

Question

我是 Jquery 新手，我正在尝试了解事件委托(delegate)是如何工作的。我正在尝试这个:

 $("#32298").on( 'click',function() { // event delegation
        alert("df");
        var imgs = document.getElementById("32298")[0].src;
        alert(imgs);

  });

当我点击具有此 ID 的图像时，我收到第一个警报，但第二个警报不起作用。

我在这里做错了什么？谢谢。

Answer 1

如果您想执行事件委托(delegate)，则事件处理函数的第二个参数需要是一个选择器，以匹配与您想要单击的元素相匹配的元素。

$(document.body).on('click', "#32290", function(event) {

您的代码问题与事件委托(delegate)无关。 getElementById 返回单个元素(id 在文档中必须是唯一的)，而不是 HTML 集合。 (与使用复数 Elements 的 getElementsByTagName 和 getElementsByClassName 进行比较。)它不会有 0 属性。

var imgs = document.getElementById("32298").src;