您现在的位置:首页 >> 前端 >> 内容

innerHTML里面的标签绑定事件

时间:2017/4/13 13:50:00 点击: 21

  核心提示:innerHTML里面的标签绑定事件:我们想要给innerHTML里的标签绑定事件的话,我想到的办法就是利用事件委托的方法,事件监听器会分析从子元素冒泡上来的事件,找到是哪个子元素的事件。首先是我们要...

innerHTML里面的标签绑定事件:我们想要给innerHTML里的标签绑定事件的话,我想到的办法就是利用事件委托的方法,事件监听器会分析从子元素冒泡上来的事件,找到是哪个子元素的事件。

首先是我们要获得innerHTML里面的内容或者是给父元素绑定事件。

在下面的例子中比如 innerHTML中有一个img标签当我们点击img时console出他的属性。

//将innerHTML值输出到p中
其次是事件处理函数

bigPic(msg,e){
e = e||window.event; //兼容IE8
let target = e.target||e.srcElement; //判断目标事件
if(target.tagName.toLowerCase()=="img"){
console.log(target.src)
}

 


Tags:IN NN NE ER 
作者:网络 来源:刘小飞
请选择您看到这篇文章时的心情: 已有0人表态:
0
0
0
0
0
0
0
0
惊讶 欠揍 支持 很棒 愤怒 搞笑 恶心 不解