Esta propiedad se usa para especificar si el elemento se muestra en eventos de puntero y si no se muestra en el puntero.
Sintaxis:
pointer-events: auto|none;
Valor predeterminado: automático
Valores de propiedad:
auto: esta propiedad se usa para especificar que un elemento debe reaccionar a eventos de puntero.
Sintaxis:
pointer-events:auto;
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
CSS | pointer-events Property
</title>
<style>
p.geeks {
pointer-events: auto;
}
h1, h2 {
color:green;
}
body {
text-align:center;
}
</style>
</head>
<body>
<CENTER>
<h1>GeeksForGeeks</h1>
<h2>pointer-events:auto;</h2>
<p class="geeks"><a href="#">GeeksforGeeks</p>
</A>
</body>
</html>
Producción:
ninguno: esta propiedad se utiliza para especificar que un elemento no reacciona a los eventos de puntero.
Sintaxis:
pointer-events:none;
Ejemplo:
html
<!DOCTYPE html>
<html>
<head>
<title>
CSS | pointer-events Property
</title>
<style>
p.geeks {
pointer-events: none;
}
h1, h2 {
color:green;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2>pointer-events:none;</h2>
<p class="geeks"><a href="#">GeeksforGeeks</p>
</a>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con Pointer-Events Property se enumeran a continuación:
- Google Chrome 1.0
- Borde 12.0
- Internet Explorer 11.0
- Firefox 1.5
- Ópera 9.0
- Safari 4.0
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA