[CSS] Desativar eventos de mouse de elemento (por exemplo, para obter o efeito de desativação de elemento)

Diretório de artigos

uso básico

  • pointer-eventsA 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 nonedinamicamente.
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

insira a descrição da imagem aqui

Acho que você gosta

Origin blog.csdn.net/qq_45677671/article/details/132292578
Recomendado
Clasificación