經(jīng)常看到有些移動端頁面某些塊或者按鈕在長按以后可以出現(xiàn)背景色或者字體顏色的改變衩匣,初始以為是利用js去實現(xiàn)墩瞳,后面轉(zhuǎn)念一想用js來實現(xiàn)這個小功能也太麻煩了,參照了一些美團H5的頁面罚拟,發(fā)現(xiàn)他們原來是這么做的:
首先:
我們在body上綁定一個touchstart事件,然后就可以啦趴泌!什么事情都不用做了..
document.body.addEventListener('touchstart', () => {});
其次:
我們只要在class樣式上寫一下樣式就可以了
.touch:active{
? ? background-color: #f5f5f5;
?}
最后:大概就是這個效果了舟舒,點擊一下改變背景色?鼠標(biāo)釋放顏色消失