html元素按壓高亮範例說明

html行動裝置頁面元素按壓高亮

在行動裝置H5頁面開發過程中，常常會有很多可以點選的button/li/p等元素，為了響應用程式戶點擊，增加使用者體驗，常常要手動加入按壓高亮效果。

如一系列的清單標籤，可以點選回應、或跳轉

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

效果如下：

##實作程式碼

1. css li：active{

   background-color:按壓後的顏色}

2. js  觸發touch移動端事件

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

thx

###################################### #####

以上是html元素按壓高亮範例說明的詳細內容。更多資訊請關注PHP中文網其他相關文章！