☰

疑似要素のクリックイベントのみを検出する 質問する

tag-icon • tag-icon javascript jquery css
疑似要素のクリックイベントのみを検出する 質問する

このフィドルをご覧ください:http://jsfiddle.net/ZWw3Z/5/

私のコードは次のとおりです:

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>

疑似要素 (赤い部分) でのみクリック イベントをトリガーしたいと思います。つまり、青い部分ではクリック イベントをトリガーしたくありません。

ベストアンサー1

これは不可能です。疑似要素は DOM の一部ではないため、イベントを直接バインドすることはできず、親要素にのみバインドできます。

赤い領域にのみクリック ハンドラーを配置する必要がある場合は、 などの子要素を作成し、spanそれを開始タグの直後に配置し、の代わりに<p>にスタイルを適用して、それにバインドする必要があります。p spanp:before

おすすめ記事