xiao127
xiao127
  • 发布:2017-07-07 09:40
  • 更新:2017-07-17 14:40
  • 阅读:1211

用伪类 :active 实现按钮被点击时闪动背景色,但是在手机端的反映速度不够快,怎么办?

分类:MUI

当按钮被下去时,背景色没有立即响应,我对比了一下,是因为通过 :active 样式来控制的,在手机端反映的速度不够快,现在想让速度更快些,谁有比较好的建议。

2017-07-07 09:40 负责人:无 分享
已邀请:
xiao127

xiao127 (作者)

没人回答,那我自己来分享经验吧,先注释掉 mui.css中的按钮点击时的背景色 :active

var btns = document.getElementsByClassName("my_btn");
for(var i=0; i < btns.length; i++) {
btns[i].addEventListener("touchstart", function(event) {
this.style.opacity = 0.5;
});
btns[i].addEventListener("touchend", function(event) {
this.style.opacity = 1;
});
}

该问题目前已经被锁定, 无法添加新回复