方式一C3属性:给元素设置pointer-events: none ,给伪元素设置pointer-events: auto; 方式二:通过事件冒泡; <buttom id="hhh" class="li"> <span id="cont">哈哈哈</span> </buttom> <style> .li { height: 20px; background-color: #ccc; color: #000; /* pointer-events: none */ } .li::after { content: 'X'; color: red; /* pointer-events: auto */ } </style> <script> let dom = document.getElementById('hhh') dom.addEventListener('click', function (e) { e.stopPropagation() if (e.target.id == 'cont') { alert(1) } if (e.target.id == 'hhh') { alert(2) } }) </script>