javascript - Add a pseudo-class to a certain class. This class has a click event. Now when I click on the pseudo-class, the click event is also triggered.

Question

Add a pseudo-class to a certain class. This class has a click event. Now when I click on the pseudo-class, the click event is also triggered. How can I prevent the click event from being triggered by clicking on the pseudo-class?

Answer 1

Disable mouse click events:

Add to the style of the pseudo class:

pointer-events:none;

Compatibility: here

Answer 2

Detailed explanation of pointer-events:none;
http://www.zhangxinxu.com/wor...
currentTarget handles click events and is also effective in event capture