你好,歡迎來到IOS教程網

 Ios教程網 >> IOS訊息 >> 關於IOS >> iOS Web開發激活css的active偽類

iOS Web開發激活css的active偽類

編輯:關於IOS

最近在做一個資訊客戶端,用到UIWebview展示一些網頁內容,本來想做一個簡單的按壓效果,發現在css中設置active屬性一直不管用。

  查閱了一下資料,今天發現,要讓css active偽類生效,只需要給這個元素的touchstart/touchend綁定一個空的匿名方法即可成功。   下面簡單以一個文本作為例子:   復制代碼 <!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的方法即可。   當點擊到文本時,就能發現顏色從黃變紅,active偽類生效啦!    
  1. 上一頁:
  2. 下一頁:
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved