js右擊彈框實現進行複製貼上功能
第三方外掛程式:clipboard.js
jquery 擴充套件右擊事件
只需要注入兩個js,和一段css即可實現
common.css
/* 複製貼上的css */
.wrap-ms-right
.ms-item
.ms-item:hover
.fa
.fa-copy:before,
.fa-files-o:before
mouseright.min.js
(function (b, a) ,], ele: "wrap-ms-right", ele_item: "ms-item",};
d = b.extend({}, f, c);
// b(this).each(function ()
n.prependto("body");
var j = b("
"); j.attr("class", "shade");
j.prependto("body")
})();
a.oncontextmenu = function () ;
/*b(this).mousedown(function (j)
});*/
b("." + d.ele).click(function (l) )}}
});/*b(".shade").click(function () )
})*/
// });
return this
}})(jquery, window);
//滑鼠右擊事件
$(function())
}else if (3 == event.which));
if($(this).children().length > 0)else
}else
copyvalue=$.trim(copyvalue);
$(this).mouseright(
}]});}}
})var clipboard = new clipboardjs('.btn',
});clipboard.on('success', function(e) );
clipboard.on('error', function(e) );
});
clipboard.js 第三方外掛程式
/*!
* clipboard.js v2.0.4
* * */
js實現複製貼上
專案中經常會遇到點選按鈕複製訂單號 訂單id等內容到貼上板中的需求。可是通常我們都是用ctrl c或右擊複製的,別操心,js也是有複製命令的,那就是document.execcommand copy 這個命令會將選中的內容複製到貼上板中,那豈不是還需要選中?別急input和textarea元素有乙個...
js實現複製貼上功能
在專案中使用到複製貼上功能,雖然網上有很多大牛封裝了很多的外掛程式,但是還是想不去使用外掛程式,就像自己來實現這個功能。初步想法 1.獲取到需要複製的內容,這裡我可以將需要複製的內容放在input或者textarea的value中,然後使用input的select 方法來獲取到值 2.獲取到值了,那...
JS 複製貼上鏈結
在網上看了很多關於html複製貼上的js,有些只是適用於pc端的。有些需要在移動端使用,便涉及到相容問題。最近使用的乙個外掛程式clipboard很好的解決了相容問題。ios和android端都可以使用,而且還不會彈出鍵盤。如下 分享 data clipboard action可以不寫預設是copy...