Pointer-Event in HTML5

Pointer-Event is a styling attribute which helps you to disable any HTML control.

For eg:-


<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

Happy Coding 🙂
“Follow me by clicking on right side follow icon to get latest update immediately.”
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s