Disable click event on all controls using javascript [duplicate]

Question

I want to use pure javascript (due to application architechture) to disable click event on html page.

I tried

document.body.addEventListener("click", function (evt) { evt.preventDefault(); });

but it still opens my select.

I used select just as an example, I want to do it for every control.

Here is Fiddle

Update Can't use pointer-events:none; because I am using it inside WPF application and sadly it uses frustrating browser known as IE.

Answer 1

You can easily achieve this by CSS

<select style="pointer-events:none;"> 
   <option>a</option>
   <option>b</option> 
<select>