uso básico
pointer-events
La propiedad especifica bajo qué condiciones (si las hay) un elemento gráfico en particular puede convertirse en un evento del mouse.
- En la aplicación real, el efecto desactivado de los elementos se puede realizar dinámicamente controlando
auto
y none
dinámicamente.
Atributos |
describir |
auto |
Tiene el mismo efecto que cuando no se especifica el atributo pointer-events Para contenido SVG, este valor tiene el mismo efecto que visiblePainted |
ninguno |
Los elementos nunca son el objetivo de los eventos del mouse, incluidos los eventos de entrada, salida, clic, etc. |
- Ejemplo: Hacer clic en Baidu no redirigirá
<!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 etiquetas svg