iOS Web開發激活css的active僞類
最近在作一個資訊客戶端，用到UIWebview展現一些網頁內容，原本想作一個簡單的按壓效果，發如今css中設置active屬性一直無論用。css
查閱了一下資料，今天發現，要讓css active僞類生效，只須要給這個元素的touchstart/touchend綁定一個空的匿名方法便可成功。html
下面簡單以一個文本做爲例子：測試
<!DOCTYPE html> <html> <head> <style> p { color: yellow; } p:active { color: red; } </style> </head> <body> <p>測試Active文本</p> </body> <script> var p=document.getElementsByTagName('p'); for(var i=0;i<p.length;i++){ p[i].addEventListener('touchstart',function(){},false); }; </script> </html>
用JS代碼獲取這個元素，而後經過addEventListener添加一個touchstart的方法便可。spa
當點擊到文本時，就能發現顏色從黃變紅，active僞類生效啦！code
相關文章
- 1. CSS :active 僞類
- 2. web之css僞類
- 3. CSS僞類——動態僞類（link/visited/hover/active/focus）
- 4. 激活函數active function
- 5. CSS的僞類
- 6. 【代碼筆記】Web-CSS-CSS僞類
- 7. web前端開發筆記：CSS僞類總結
- 8. 超連接標籤的CSS僞類link,visited,hover,active
- 9. css中的僞類
- 10. 二.CSS的僞類
- 更多相關文章...
- • W3C CSS 活動 - W3C 教程
- • jQuery Mobile CSS 類 - jQuery Mobile 教程
- • PHP開發工具
- • Kotlin學習（二）基本類型
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
