原生js實現複製功能

2022-03-22 02:17:57 字數 500 閱讀 7569

瀏覽器提供了 copy 命令 ,可以複製選中的內容:document.execcommand("copy")

var text = document.getelementbyid("text").innertext;

var input = document.getelementbyid("input");

input.value = text; // 修改文字框的內容

input.select(); // 選中文字

document.execcommand("copy"); // 執行瀏覽器複製命令

alert("複製成功");

js部分:

copy(tar) , 3000);

} catch (err)

},

html部分:

複製

除此之外,還可以用clicbord.js 外掛程式庫

原生 js 實現複製文字

html 賬號 123456,密碼 123457 js var text document.getelementbyid copytext innertext var input document.getelementbyid copyinput document.getelementbyid co...

js實現複製功能

在一些涉及到個人資訊比較多的h頁面,經常可能會出現複製賬號到剪下板的功能,那麼怎麼用js怎麼實現複製貼上功能呢?正好最近開發的模組中又有乙個這樣的功能,總結一下,方便後面使用。效果圖 核心 require clipboard function clipboard aftercopy function...

原生JS實現返回頂部功能

當你點選 返回頂部 按鈕,頁面會自動滾動到頂部,這種做法被許多 採用 之前我用jquery實現了返回頂部功能 見jquery實現鏈結 並在許多專案中使用了這個jquery版本實現。但最近我將注意力轉向了 效能方面,試圖提高頁面的載入速度。其中最大的改進便是移除了jquery依賴改用原生js實現 返回...