html5+CSS 禁止IOS長按複製粘貼實現

因爲在移動端APP需要實現長按執行別的事件,但是在IOS系統有默認的長按選擇複製粘貼,禁止此功能在網上找了很多資料,最終整理出目前最好的解決方法。

項目是APP,已經經過多款手機適配此時,因此可以放心使用。

/*設置IOS頁面長按不可複製粘貼,但是IOS上出現input、textarea不能輸入,因此將使用-webkit-user-select:auto;*/
*{
    -webkit-touch-callout:none;  /*系統默認菜單被禁用*/
    -webkit-user-select:none; /*webkit瀏覽器*/
    -khtml-user-select:none; /*早期瀏覽器*/
    -moz-user-select:none;/*火狐*/
    -ms-user-select:none; /*IE10*/
    user-select:none;
}
input,textarea {
    -webkit-user-select:auto; /*webkit瀏覽器*/
    margin: 0px;
    padding: 0px;
    outline: none;
}


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章