HTML要素のプレスハイライトの説明例

HTML モバイル ページ要素はハイライトを押します

モバイル H5 ページの開発プロセスでは、アプリケーションユーザーのクリックに応答し、ユーザー エクスペリエンスを向上させるために、多くの場合、クリック可能なボタン/li/p およびその他の要素が存在します。ハイライト効果を手動で追加するには。

一連のリストタグと同様に、クリックして応答またはジャンプできます

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

その効果は次のとおりです:

実装コード

1. css li: active{ background-color: 押した後の色}

2. js トリガータッチモバイルイベント

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

thx

以上がHTML要素のプレスハイライトの説明例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。