如果想要禁用按钮的属性不触发模态框,可以使用以下代码示例:
HTML部分:
JavaScript部分:
document.getElementById("myButton").addEventListener("click", function(event) {
if (!this.hasAttribute("disabled")) {
// 打开模态框的代码
console.log("触发模态框");
} else {
event.preventDefault();
console.log("按钮被禁用,不触发模态框");
}
});
在上述代码中,我们首先在按钮上添加了 disabled 属性,将按钮禁用。然后通过 JavaScript 给按钮添加了一个点击事件监听器。在事件处理函数中,我们首先检查按钮是否具有 disabled 属性。如果按钮没有被禁用,则执行打开模态框的代码;如果按钮被禁用,则使用 event.preventDefault() 阻止默认的点击事件,以避免触发模态框。
这样,当按钮被禁用时,点击按钮不会触发模态框。