Clipboard copy javascript all browsers but my code not work in safari browser

See more:

MVC4

label here is values
<label id="lblFileName" style="font-size:16px;font-weight:bold"></label>
button here

<button class="btn" data-clipboard-action="copy" data-clipboard-target="#lblFileName">Copy</button>

javascript code here

<script src="~/clipboard.js-master/dist/clipboard.min.js"></script>

<script>
var clipboard = new Clipboard('.btn');

clipboard.on('success', function (e) {
console.log(e);
});

clipboard.on('error', function (e) {
console.log(e);
});
</script>

What I have tried:

i have tried this code

label here is values
<label id="lblFileName" style="font-size:16px;font-weight:bold"></label>
button here
Hide Copy Code
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#lblFileName">Copy</button>

javascript code here

<script src="~/clipboard.js-master/dist/clipboard.min.js"></script>

<script>
var clipboard = new Clipboard('.btn');

clipboard.on('success', function (e) {
console.log(e);
});

clipboard.on('error', function (e) {
console.log(e);
});
</script>