代码之家 › 专栏 › 技术社区 › Sundaramoorthy J

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

ionic4 angular-material dom html javascript

0

Sundaramoorthy J · 技术社区 · 4 年前

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

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

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

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

1 回复 | 直到 4 年前

1

0

firatozcevahir 4 年前

禁用div的子元素

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