欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html元素按压高亮示例说明

程序员文章站 2022-04-26 10:09:11
...
html移动端页面元素按压高亮

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

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

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

效果如下:

html元素按压高亮示例说明

实现代码

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

  2. js 触发touch移动端事件

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

thx

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

相关标签: html元素