Impossible to set the rule "pointer-events" through JS or jQuery?

Question

I've to manipulate the interaction with an element in runtime, making it invisible and "no interactible".. The rule that can accomplish the second, is "pointer-events: none"

The problem is that it doesn't recognized from JS or jQuery... why?

Answer 1

I don't think I understand the question, but (using jQuery)

$( document.body ).css( 'pointer-events', 'none' );

will work just fine for supporting browsers (ignoring any pointer event). However, if you remove / hide the element, pointer events will of course also no longer work if you hide it by

display: none