javascript - There is an img tag in a div. Why do I bind events to the div and when printing the clicked object, sometimes it is the img object instead of the div object?

Question

When the picture is clicked, the function is also triggered, but I did not bind it to the img. .

Answer 1

Use event.currentTarget, event.target returns the element that triggered the event, and event.currentTarget returns the element that bound the event

Answer 2

Please show how the chooseIcon() method is written.

Answer 3

It should be img in p. You can click on the picture to trigger the event. You can print it and it will come out

Answer 4

Because there is an event bubbling mechanism, when you click img, the binding event of the parent p will also be triggered.