关于event与this的区别

来源:5-1 事件参数

qq_QwQ_3

2019-03-18 18:01:59

我怎么觉得this也有点事件监听的时候,就如老师哪个旅游相册,点击第一个用this就可以监听到此时鼠标点击的第一个事件,而用event也是可以监听鼠标此时此刻的位置的。两者都可以作为函数参数。我想知道两者的区别是什么

写回答

1回答

好帮手慕夭夭

2019-03-18

你好同学 , event是事件的一个状态 , 而this可以理解为事件函数触发后 , 指向的哪一个对象 . 它们两个没有什么相同的地方 . 

同学说的应该是event.target和this的区别吧 ,.这两个是类似的 .它们的区别:

1.this是会冒泡的 , 如下:

给父元素绑定一个事件 ,事件中获取触发事件对象的文本内容

http://img.mukewang.com/climg/5c8f746a0001cc3706680591.jpg

当你点击子元素的时候 , 会发现 , this可以获取到子元素本身的 ,同时可以冒泡获取到父元素的

http://img.mukewang.com/climg/5c8f74ee000129a602600103.jpg

2.而event.target指向的永远是触发事件的源对象 ,也就是说 , 点击的谁 ,指向的就是谁 ,不会冒泡

http://img.mukewang.com/climg/5c8f75250001538505370104.jpg

点击子元素 ,只能获取到子元素的文本

http://img.mukewang.com/climg/5c8f753500018eda01780058.jpg

有关冒泡同学可以还不是特别懂 ,可以暂时理解为当子元素触发事件后 ,会往上冒泡 ,如果父元素也绑定了此事件 , 也会被触发 . 暂时了解一下即可 , 等同学学习了后面稍微深入一些的知识后 , 就慢慢理解了.

祝学习愉快 ,望采纳 .

0

0 学习 · 36712 问题

查看课程