disabled - css中的a标签无disable属性，如何禁用a标签的点击事件？

问题描述

问 题

我使用a标签模拟了一个按钮的功能，具体样式如下：

<a href="javascript:;" id="btn_addSDK_upLoadFile"  class="btn">上传</a>

.btn{
    display: inline-block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    vertical-align: middle;
    color: #ffffff;
    text-align: center;
    background-color: #48bed1;
}

这个按钮实现的是文件上传功能，我想在文件上传过程中禁用a标签，防止多次提交，本来是使用disable属性，但是没有效果，查看相关文档发现a标签没有disable属性。我改怎么修改禁用a标签的点击事件，并且在上传文件的过程中，将按钮的颜色置为灰色？

解决方案

个人觉得好的解决办法是，在提交过程中设置一个遮罩层（z-index较大），后台返回结果后隐藏遮罩层。

这篇关于disabled - css中的a标签无disable属性，如何禁用a标签的点击事件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！