使用javascript禁用所有控件上的click事件 [英] Disable click event on all controls using javascript

问题描述

我想使用纯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.

推荐答案

您可以通过CSS轻松实现这一目标

You can easily achieve this by CSS

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

这篇关于使用javascript禁用所有控件上的click事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！