2

html移动端页面元素按压高亮

在移动端H5页面开发过程中,经常会有很多可以点击的button/li/div等元素,为了响应用户点击,增加用户体验,常常要手动添加按压高亮效果。

如一系列的列表标签,可以点击响应、或者跳转
<li>点击我的时候有按压高亮的效果</li>
<li>点击我的时候有按压高亮的效果</li>
<li>点击我的时候有按压高亮的效果</li>
效果如下:
image.png
实现代码
  1. css li:active{ background-color:按压后的颜色}
  2. js 触发touch移动端事件

    document.body.addEventListener('touchstart',function(){};)
    
thx

yantaozhang
17 声望3 粉丝

共勉