Pointer-Event is a styling attribute which helps you to disable any HTML control.
<html> <head> <meta name="viewport" content="width=device-width" /> </head> <body><textarea> </textarea> <button type="button" onclick="Clicked()" style="pointer-events:none">Click</button> </body> </html>
When to Use :-
So while you developing any web apps and you want to make the button to disable;that means if you want to disable all the event for particular HTML element then we can use this attribute Pointer-Event inside style and set the property value as none so that it will not going to fire any event.
You can also set many more values for this attribute.
Play with this by using this all attribute values.
You can find all details about this attribute Here