使用javascript禁用所有控件上的click事件

我想使用纯javascript (由于应用程序架构)来禁用html页面上的点击事件.

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

我尝试了

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

但是它仍然打开我的选择.

but it still opens my select.

我仅以 select 为例，我想对每个控件执行此操作.

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

这里是小提琴

更新无法使用 pointer-events:none; ，因为我在 WPF 应用程序中使用了它，可悲的是，它使用了令人沮丧的浏览器，称为 IE ./p>

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