基本的な使い方
pointer-events
プロパティは、特定のグラフィック要素がマウス イベントになり得る条件 (存在する場合) を指定します。
auto
実際には、要素の無効化効果は、動的に制御することで動的に実現できますnone
。
属性 |
説明する |
自動 |
pointer-events 属性が指定されていない場合と同じ効果があります。SVG コンテンツの場合、この値はvisiblePainted と同じ効果があります。 |
なし |
要素は、移動イン、移動アウト、クリック イベントなどのマウス イベントのターゲットになることはありません。 |
- 例: Baidu をクリックしてもリダイレクトされません
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>一颗不甘坠落的流星</title>
<style>
a[href="https://www.baidu.com/"]
{
pointer-events: none;
}
</style>
<body>
<a href="https://blog.csdn.net/qq_45677671?spm=1011.2444.3001.5343">CSDN</a>
<a href="https://www.baidu.com/">百度</a>
</body>
<script type="text/javascript"></script>
</html>