移動端h5實現復制功能


首先遇到這個需求是就各種百度,但是發現基本都是用js實現,而且兼容性還非常不好。

但是在尋覓和嘗試的過程中,發現只需要css代碼也可以完全實現的,對需要復制內容的標簽加上下面這幾行代碼就可以了。

-webkit-touch-callout: all;
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;

其實意思就是不限制用戶對內容的操作,不禁用系統默認菜單,長按會顯示系統自帶的復制功能進行復制。

就是這么簡單


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM