一种是: 元素本身:pointer-events: none;禁用点击事件, 其伪元素通过pointer-events: auto;启用点击事件,使鼠标只能点击到伪元素
第二种是:通过子元素的事件冒泡原理,在子元素事件处理结束后return false,告知父元素事件处理完毕。这样只就屏蔽了父元素接收事件,然后:after伪元素是悬浮在子元素上面的,故点击伪元素的时候触发父元素事件
一种是: 元素本身:pointer-events: none;禁用点击事件, 其伪元素通过pointer-events: auto;启用点击事件,使鼠标只能点击到伪元素
第二种是:通过子元素的事件冒泡原理,在子元素事件处理结束后return false,告知父元素事件处理完毕。这样只就屏蔽了父元素接收事件,然后:after伪元素是悬浮在子元素上面的,故点击伪元素的时候触发父元素事件