Layui 按钮disabled后，仍然能触发点击事件

蓝洛水深 • 2021年10月22日上午10:06 • 网站, 软件 • 阅读 3224

其实这是一个事故，是一个表意的视觉端的事故，甚至我觉得算不上BUG。

起因：

attr("class", "layui-btn layui-btn-disabled");

1	attr("class", "layui-btn layui-btn-disabled");

将按钮设置为disabled，看起来样式也改变了，鼠标滑动也显示正确的手势，但是就是能触发点击事件？

为什么明明disabled了，还是能触发点击呢？

其实这是因为，并没有真的设置disabled，上面的代码只是设置了“样式”，而不是属性，更不是网上说的disabled绑定到父级DIV之类的情况。

就很单纯的是看到禁用，其实没有。

如果要设置disabled，需要把相关的操作加上：

$("#test-upload-type1").attr("disabled",true);

1	$("#test-upload-type1").attr("disabled",true);

亦或者：

$('#areaSelect').attr("disabled","disabled");

1	$('#areaSelect').attr("disabled","disabled");

这样，才能看起来禁用，实际上也是禁用。

原创文章，作者：蓝洛水深，如若转载，请注明出处：https://blog.lanluo.cn/10412