Question

80

JavaScript setting pointer-events

rated 0 times [ 84] [ 4] / answers: 1 / hits: 120381 / 11 Years ago, sat, may 11, 2013, 12:00:00

I am trying to set pointer-events: none for a div through JavaScript, however the property is not being applied.

I have tried:

document.getElementById(div).setAttribute(pointer-events, none);

And:

document.getElementById(div).style.pointer-events = none;

But neither worked, any ideas?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

allans

Add To Favorites

Follow

Total Points: 336

Total Questions: 120

Total Answers: 119

Location: Peru

Member since Mon, Jun 6, 2022

2 Years ago

allans questions

1 Close a bootstrap modal 5 after asynchronously submitting a form with vue js

Tue, May 11, 21, 00:00, 3 Years ago

1 how to show details page using react router dom

Thu, Mar 25, 21, 00:00, 3 Years ago

1 How to use invisible character to split a text and how to get it's JS representation?

Mon, Nov 30, 20, 00:00, 4 Years ago

1 Checking if am receiving a valid unix timestamp

Fri, Sep 4, 20, 00:00, 4 Years ago

1 How can I get all xhr calls in puppeteer?

Fri, Jun 12, 20, 00:00, 4 Years ago

View All

answered 11 Years ago erinh · Accepted Answer

Your first attempt failed because it was a CSS property and not an attribute (part of the style attribute).

Your second attempt failed because for some off reason, when making this API casing-like-this gets converted to camelCasingLikeThis . This is likely because the folks who built JavaScript and the folks who built CSS weren't very well coordinated.

The following should work:

document.getElementById("div").style.pointerEvents = "none";