javascript - 使用角材料禁用离子4中的DIV

Question

我正在使用由角度材料 HTML 标记构建的 ionic 4 应用程序。我的情况是，如果在入口页面中满足某些条件，我需要使用 DOM 禁用特定的 DIV。特定的 DIV 可能有任何数量的子项（组件），例如输入、垫选择、垫无线电组。我尝试了几种方法来实现这一点。每个解决方案都有一些缺点。例如，我尝试过的以下解决方案。

document.getElementById(divID).style['pointer-events'] = 'none';

上面的代码正确禁用了所有孩子。但它允许键盘 Tab 键在字段之间切换并能够输入输入。它仅限制鼠标指针交互。

请为我的案例提出建议或提供解决方案。谢谢。

标签： javascripthtmldomangular-materialionic4

Answer 1

禁用 div 的子元素

const children = document.getElementById(divID).children;
for(var i = 0; i< children.length; i++){
    children[i].disabled = true;
}