js右擊彈框實現進行複製貼上功

2021-09-22 01:31:16 字數 1359 閱讀 1211

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...