js複製當前url地址解決瀏覽器相容
1.網上搜索的js複製連結程式碼,好像只能支援ie瀏覽器,其他瀏覽器不支援,
案例:
var url=12;
if(window.clipboardData){
window.clipboardData.setData("Text",url);
art.dialog.tips("複製成功!",3);
}else{
art.dialog.alert(‘只支援ie瀏覽器!’, function () {});
}
2. ZeroClipboard能解決瀏覽器不相容的問題
先從網上下載ZeroClipboard壓縮包,解壓後把資料夾中兩個檔案:ZeroClipboard.js 和 ZeroClipboard.swf 放入到你的專案中。
在複製頁面引入ZeroClipboard.js檔案。
html頁面簡化程式碼
<script type="text/javascript" language="javascript" src="../js/zeroclipboard/ZeroClipboard.js"></script> //引入js檔案
<input type="button" value="連結" id="copy_url" onclick="copy();" onmouseover="copy();">
//onmouseover 事件是為了解決頁面上需要點選兩次才能複製的問題 加上之後,點選一次就複製成功了
// id 是ZeroClipboard.js獲取值的時候需要通過id來
js程式碼
function copy(){
var url=this.location.href; // this.location.href 獲取當前url地址
ZeroClipboard.setMoviePath("../js/zeroclipboard/ZeroClipboard.swf"); //引用swf檔案
//clip.setHandCursor( true ); //將游標變成手型
clip.setText(url); //複製url引數
clip.addEventListener(‘complete’, function (client, text) { //複製成功執行的操作
art.dialog.tips("複製成功!",3);
});
clip.glue("copy_url"); // 標籤的id 這裡不一定必須是button按鈕
}