Javascript 禁用元素及其子元素后，阻止对其执行的所有操作

我想阻止对特定元素及其所有子元素触发的所有操作。我尝试了下面的代码，其中有一个按钮和一个带有默认文本的

p

标记的

div

。所以，单击按钮，我禁用div，并希望阻止对禁用的元素及其子元素执行的所有操作。但是我有修改文本的修改功能。事件禁用div后，如果我们传递它的任何子元素，它就会受到影响，我不希望它受到影响

功能修改（ele）{
ele.html（“修改”）；
};
函数clickHandler（）{
$（'div*）.attr（'disabled'，true）；
修改(元);；
}
显示
违约

您需要检查禁用属性并阻止该操作。 \

功能修改（ele）{
var containerDiv=$（'#div'）；
如果（！containerDiv.attr（'disabled'）| |！containerDiv[0].包含（ele[0]））{
ele.html（“修改”）；
}
};
函数clickHandler（）{
$（'#div'）.attr（'disabled'，true）；
修改(元);；
}

显示
违约