首先遇到這個需求是就各種百度,但是發現基本都是用js實現,而且兼容性還非常不好。
但是在尋覓和嘗試的過程中,發現只需要css代碼也可以完全實現的,對需要復制內容的標簽加上下面這幾行代碼就可以了。
-webkit-touch-callout: all;
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;
其實意思就是不限制用戶對內容的操作,不禁用系統默認菜單,長按會顯示系統自帶的復制功能進行復制。
就是這么簡單