Question

JavaScript 动态生成img 点击事件的问题

使用javaScript 动态生成了 10 个 img 然后绑定了 onclick 事件
但是问题来了 在触发这个 onclick 事件的时候 我想知道 点击了那个 img 应该怎样获取 或者 传参给 事件函数呢？

Answer 1

事件函数中可以通过event的target属性获得产生事件的对象.如:

var img = document.createElement("img");

img.attachEvent("onclick", ImgClick); 

function ImgClick(e) {
    var e = e || event;
    var img = e.target;//img 就是点击的图片对象  
}

追问

按照你的方法我写成下面那样 报错了 

img_operate.alt = "123456";

img_operate.attachEvent("onclick", ImgClick);

function ImgClick(e) {

    var e = e || event;

    var img = e.target; //img 就是点击的图片对象 

    alter(img.alt);

}

追答

你用的是attachEvent添加事件,好像没有target,换成srcElement试试吧

var img = e.srcElement; //img 就是点击的图片对象

Answer 2

你好！！

是使用原生的javascript来实现么？

img.onclick = function(){
         yourFunc(this);
};

function yourFunc(obj){
        alert(obj.outerHTML);
}

追问

那请问下 像我以下的代码 是js动态生成的 怎样传入this呢？
var img = document.createElement("img");
img.attachEvent("onclick", ImgClick); //这里应该怎样把this传入给函数 imgClick 处理呢？

追答

试试下面的代码:

var img = document.createElement("img");
img.attachEvent("onclick", function(){ ImgClick(img) });

追问

报错了 提示 img 未找到 因为我这里的img 都是for 循环动态创建出来的

Answer 3

jquery each this

追问

什么意思呢？ 没听懂