uso básico
pointer-events
A propriedade especifica sob quais condições (se houver) um determinado elemento gráfico pode se tornar um evento de mouse.
- Na prática, o efeito desativado de elementos pode ser realizado dinamicamente controlando
auto
e none
dinamicamente.
Atributos |
descrever |
auto |
Tem o mesmo efeito de quando o atributo pointer-events não é especificado. Para conteúdo SVG, esse valor tem o mesmo efeito que visiblePainted |
nenhum |
Os elementos nunca são direcionados por eventos de mouse, incluindo mover para dentro, mover para fora, eventos de clique, etc. |
- Exemplo: clicar no Baidu não redirecionará
<!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>
- Atributos específicos para tags SVG