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

119次阅读

共计 521 个字符,预计需要花费 2 分钟才能阅读完成。

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

起因:

1
attr(“class”, “layui-btn layui-btn-disabled”);

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

为什么明明 disabled 了,还是能触发点击呢?

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

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

如果要设置 disabled,需要把相关的操作加上:

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

亦或者:

1
$(‘#areaSelect’).attr(“disabled”,“disabled”);

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

正文完
 0