03-12 事件委托
其他
2018-06-04 05:12:26
阅读次数: 0
委托,顾名思义,就是一个人不想干啥事就把他交给另一个人办了呗
你需要掌握点DOM节点的知识
- #####创建元素节点createElement
- #####把一个元素xx追加到对象yy上 yy.appendChild( xx);
现在生成一个li节点,然后,把他追加给父元素ul,这样,ul里的孩子节点就有仨了
![image.png](https://upload-images.jianshu.io/upload_images/9510190-fb89975afe9d171a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
现在我们想,当点击每个li的时候,都能弹出对应li里面的内容
![image.png](https://upload-images.jianshu.io/upload_images/9510190-a296745b2a340adb.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
没错,他在点击第三个li的时候,并没有像我们想象的那样,输出内容。举个例子,就像一个家庭,本来有俩姑娘,但是父母还想要个儿子,于是他们通过试管婴儿要了个儿子,有一天,父母让孩子们出去玩,俩女儿都出去了,但是那个儿子不去,因为他一直觉得自己不是亲生的,是试管婴儿
那好,现在父母开始给小儿子讲生物了,他们告诉他试管婴儿只是受精卵是在试管里,发育的过程还是在母亲的子宫里,也就是说他还是他妈生出来的(给父元素ul绑定事件)
![image.png](https://upload-images.jianshu.io/upload_images/9510190-98d2141bf637beff.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
这样儿子就开开心心出去玩了
![image.png](https://upload-images.jianshu.io/upload_images/9510190-3d4f8274af4a33b9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
但此时,你点击li和ul都会输出内容,但是我不想让点击ul的时候输出,只是在点击li的时候才输出li的内容,咋办呢,判断一下,当前点击的事件源的标签名是不是li吧
![image.png](https://upload-images.jianshu.io/upload_images/9510190-ece7e92d37e77f23.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
转载自blog.csdn.net/xuehangongzi/article/details/80493654