通过使用类似的id我想复制到剪贴板方法而不需要点击按钮。 是否可以只用id / class做到这一点? 如果可能,任何人都可以给我这个方法的解决方案吗? 我几乎尝试了几种方法来做到这一点,但它不起作用。
<html>
<script src="jquery-1.8.3.min.js"></script>
<head>
<style>
#tooltip{display: none;position: absolute;cursor: pointer;top:50px;border: solid 1px #eee;background-color:black;padding: 10px;z-index: 1000;color:white;}
</style>
</head>
<span id="mytext">This is Example1</span>
<span id="mytext">This is Example2</span>
<input id="copy_btn" type="button" value="copy">
<div id="tooltip">copied.</div>
<script>
var copyBtn = document.querySelector('#copy_btn');
copyBtn.addEventListener('click', function () {
var urlField = document.querySelector('#mytext');
var range = document.createRange();
range.selectNode(urlField);
window.getSelection().addRange(range);
document.execCommand('copy');
}, false);
</script>
<script>
$(document).ready(function() {
$("#copy_btn").click(function(evt) {
evt.preventDefault();
$("#tooltip").show();
$("#tooltip").hide(3000);
});
});
</script>
答案 0 :(得分:0)
你可以这样做。对于mytext,从id更改为class;
var myTextElements = $(".mytext");
var myTextContents = [];
myTextElements.forEach(function(ele,ind){myTextContents.push($(ele).text();)});