<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).on("click", ".myCopy",function(){
var $temp = $("<input>");
$("body").append($temp);
$temp.val($(this).attr("data-url")).select();
document.execCommand("copy");
$temp.remove();
});
});
</script>
</head>
<body>
<button class="myCopy" data-url="google.com">Copy P1</button>
<button class="myCopy" data-url="facebook.com">Copy P2</button>
<br/><br/><input type="text" placeholder="Paste here for test" />
</body>
</html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).on("click", ".myCopy",function(){
var $temp = $("<input>");
$("body").append($temp);
$temp.val($(this).attr("data-url")).select();
document.execCommand("copy");
$temp.remove();
});
});
</script>
</head>
<body>
<button class="myCopy" data-url="google.com">Copy P1</button>
<button class="myCopy" data-url="facebook.com">Copy P2</button>
<br/><br/><input type="text" placeholder="Paste here for test" />
</body>
</html>
0 comments:
Post a Comment