移动端触摸按钮的效果,可明示用户有些事情正要发生,是一个比较好的体验,但是移动设备中并没有鼠标指针,使用css的hover并不能满足我们的需求,那么正好分享一个激活css的active效果,代码如下
let ele = document.getElementsByClassName(‘el-slider__button-wrapper’)
console.log(ele[0])
ele[0].ontouchstart = function(){
console.log(‘触摸开始’)
}
ele[0].ontouchstart = function(){
console.log(‘触摸开始’)
}
然而,兼容问题是我们始终要去考虑的,任重而道远,要做到全兼容的办法,可通过绑定ontouchstart和ontouchend来控制按钮的类名即可
https://www.jianshu.com/p/59ad2d6aa0f8