この記事には広告を含む場合があります。
記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。
- PC表示ではクリックできない
- SP表示でのみリンクが機能する
スマホの横幅の時だけpointer-eventsを有効
結論を先に言うと、『pointer-events』というプロパティでクリック自体の有効・無効を制御することが可能なんです。 例えば下記のような記述でスマホの時だけリンクを有効にすることができます。
他にもpointer-eventsが使えるケース
他にも細かいポイントですが以下のような時にはpointer-eventsを使えるんじゃないかと思います。- セレクトボックスの▼アイコン（疑似要素beforeとafter）部分もクリックできるようにしたい時
- 画像の保存防止
