给 伪元素(::before / ::after) 绑定jq,js点击事件

2024-02-14 10:22:03 举报文章

伪元素没有 dom 结构,所以无法直接绑定事件,但是,可以利用事件冒泡,把事件处理行数绑定到父元素上,子元素触发事件,冒泡到父元素,再用css禁掉父元素的点击事件 (点击父元素无法再触发点击事件),同时开启子元素的点击事件。

必须禁掉父元素的点击事件,否则点击父元素也会触发

必须打开子元素的点击事件,子元素默认继承了父元素的 pointer-events: none;

如果你认为本文可读性较差,内容错误,或者文章排版错乱,请点击举报文章按钮,我们会立即处理!