关于前端按钮点击之后禁用的方法总结

原创

于 2022-11-10 18:45:17 发布 · 3.5k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js #点击禁用

本文介绍了两种常见的前端操作：一是如何通过设置属性和移除监听事件来控制按钮的启用禁用状态；二是针对未获取DOM时，利用jQuery进行元素属性操作。通过实例演示了如何使用`disabled`属性和`removeEventListener`移除事件监听。

方法1.设置属性disabled

已获取dom的情况，举例如下

// 获取上传DOM。
const submit = document.getElementById("submit"); // 按钮id值
...
submit.setAttribute("disabled", "true");  //禁用
submit.removeAttribute("disabled");  // 解除禁用

未获取dom，直接$(“#按钮id”)的情况：

最低0.47元/天解锁文章