問題:
Please see this fiddle: http://jsfiddle.net/ZWw3Z/5/請看這個小提琴: http : //jsfiddle.net/ZWw3Z/5/
My code is:我的代碼是:
p { position: relative; background-color: blue; } p:before { content: ''; position: absolute; left:100%; width: 10px; height: 100%; background-color: red; }
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate...</p>
I would like to trigger a click event only on the pseudo-element (the red bit).我只想在僞元素(紅色位)上觸發點擊事件。 That is, I don't want the click event to be triggered on the blue bit.也就是說,我不希望在藍色位上觸發點擊事件。
解決方案:
參考一: https://stackoom.com/question/VNSK參考二: Only detect click event on pseudo-element