摘要:首先引用文本文檔要用復制按鈕要用去掉文字檢查,不可編輯,插件自帶的屬性樣式代碼至此,兼容移動端和端的復制粘貼功能完美實現,感謝作者作者來源原文版權聲明本文為博主原創文章,轉載請附上博文鏈接
1.首先引用clipboard.js
2.html
文本文檔要用textarea,復制按鈕要用button
spellcheck="false"去掉文字檢查,readonly不可編輯,data-clipboard-action="copy" data-clipboard-target="#number"插件自帶的屬性
3.css樣式
.show .num .number {
font-style: normal;
color: #d2c79d;
touch-action: manipulation;
background-color: transparent!important;
font-size: 15px;
outline: none;
resize: none;
border: none;
height: 16px;
overflow: hidden;
}
.show .num .copy {
background-color: transparent!important;
-webkit-tap-highlight-color: transparent!important;
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;
}
4.js代碼
作者:_Alverson
來源:CSDN
原文:https://blog.csdn.net/shn923/...
版權聲明:本文為博主原創文章,轉載請附上博文鏈接!
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/116020.html
摘要:首先引用文本文檔要用復制按鈕要用去掉文字檢查,不可編輯,插件自帶的屬性樣式代碼至此,兼容移動端和端的復制粘貼功能完美實現,感謝作者作者來源原文版權聲明本文為博主原創文章,轉載請附上博文鏈接 1.首先引用clipboard.js 2.html 文本文檔要用textarea,復制按鈕要用button 9999999 spellcheck=false去掉文字檢查,readonly不可編輯...
摘要:首先引用文本文檔要用復制按鈕要用去掉文字檢查,不可編輯,插件自帶的屬性樣式代碼至此,兼容移動端和端的復制粘貼功能完美實現,感謝作者作者來源原文版權聲明本文為博主原創文章,轉載請附上博文鏈接 1.首先引用clipboard.js 2.html 文本文檔要用textarea,復制按鈕要用button 9999999 spellcheck=false去掉文字檢查,readonly不可編輯...
摘要:需求開發過程中遇到的需求需要復制請求過來的一段密令類似支付寶淘寶口令到剪切板。網上搜了下,是個相對比較靠譜的第三方。感謝大佬的評論意見使用該方法,會在下次更新循環結束之后執行延遲回調。在修改數據之后立即使用這個方法,獲取更新后的。 需求 開發過程中遇到的需求需要復制 請求過來的一段密令(類似支付寶淘寶口令)到剪切板。 pc端的文本復制到剪切板 如果是在pc端的話,可以直接使用原生js進...
摘要:需求開發過程中遇到的需求需要復制請求過來的一段密令類似支付寶淘寶口令到剪切板。網上搜了下,是個相對比較靠譜的第三方。感謝大佬的評論意見使用該方法,會在下次更新循環結束之后執行延遲回調。在修改數據之后立即使用這個方法,獲取更新后的。 需求 開發過程中遇到的需求需要復制 請求過來的一段密令(類似支付寶淘寶口令)到剪切板。 pc端的文本復制到剪切板 如果是在pc端的話,可以直接使用原生js進...
閱讀 3233·2021-11-18 10:02
閱讀 1936·2021-09-22 10:54
閱讀 2989·2019-08-30 15:43
閱讀 2576·2019-08-30 13:22
閱讀 1575·2019-08-29 13:57
閱讀 1041·2019-08-29 13:27
閱讀 731·2019-08-26 14:05
閱讀 2512·2019-08-26 13:30