（1）前提：html頁面 ，手機端，
（2）問題一：
在iphone上（貌似是9以后。。），給div/span/...等元素上加onclick事件，根本不起作用，這是為啥捏？
－－ 在元素上加 cursor:pointer; 添加上后，系統會默認為這是一個可點擊的元素。
|
1
|
cursor:pointer
|
（3）問題二：
在做手機頁面時候，（iphone和安卓上都會有這個問題），點擊一個按鈕時，會出現的大黑塊，特別不好看，怎么去掉大黑塊兒呢？
－－在元素上添加 -webkit-tap-highlight-color屬性后，就可以去掉默認的大黑塊兒
|
1
|
-webkit-tap-highlight-color: transparent;
|
（4）問題三：
當我們去掉默認的大黑塊兒后，要添加自己想要的點擊時按住按鈕的效果，用以下代碼：
|
1
2
3
4
|
span:active{
box-shadow: inset 0 5px 10px
#B41313,inset 0 -5px 10px #B41313;
}
|
添加完上述代碼后，在安卓上，都可以看到想要的效果，但是iphone上依舊無動於衷。。。。。
怎么辦？
經過查資料和實際測試后，發現，:active 需要一個觸發事件才可以，於是乎，用以下代碼：
|
1
2
3
4
|
<script type=
"text/javascript"
>
document.body.addEventListener(
'touchstart'
,
function
() {
});
</script>
|
在頁面上給一個監聽事件，就可以觸發:active，就可以兼容iphone上點擊按下時的效果了！！！