html元素按压高亮示例说明

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

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

如一系列的列表标签，可以点击响应、或者跳转

<li>点击我的时候有按压高亮的效果</li>
<li>点击我的时候有按压高亮的效果</li>
<li>点击我的时候有按压高亮的效果</li> 

效果如下：

实现代码

css li：active{ background-color:按压后的颜色}

js 触发touch移动端事件

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

thx

以上就是html元素按压高亮示例说明 的详细内容，更多请关注Gxl网其它相关文章！

查看更多关于html元素按压高亮示例说明的详细内容...