-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathCopy URL Button.user.js
More file actions
62 lines (55 loc) · 2.22 KB
/
Copy URL Button.user.js
File metadata and controls
62 lines (55 loc) · 2.22 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
// ==UserScript==
// @name Copy URL Button
// @namespace http://yourwebsite.com
// @version 1.1
// @description Adds a button to copy the URL of the current page
// @author FunkyJustin
// @match https://gelbooru.com/*
// @match https://danbooru.donmai.us/*
// @match https://www.pixiv.net/en/*
// @match https://twitter.com/*
// @match https://x.com/*
// @grant none
// @license MIT
// @downloadURL https://update.greasyfork.org/scripts/494255/Copy%20URL%20Button.user.js
// @updateURL https://update.greasyfork.org/scripts/494255/Copy%20URL%20Button.meta.js
// ==/UserScript==
(function() {
'use strict';
// Create a button element
var copyButton = document.createElement('button');
copyButton.textContent = 'Copy URL';
copyButton.style.position = 'fixed';
copyButton.style.top = '10px'; // Adjust top position as needed
copyButton.style.left = '60%'; // Adjust left position as needed
copyButton.style.padding = '10px';
copyButton.style.border = 'none';
copyButton.style.background = 'rgba(0, 0, 0, 0.5)';
copyButton.style.color = '#fff';
copyButton.style.cursor = 'pointer';
copyButton.style.opacity = '0.3'; // Initial opacity
// Append the button to the body
document.body.appendChild(copyButton);
// Function to copy the current page URL to the clipboard
function copyURL() {
var url = window.location.href;
navigator.clipboard.writeText(url)
.then(function() {
console.log('URL copied to clipboard: ' + url);
})
.catch(function(error) {
console.error('Failed to copy URL: ', error);
});
}
// Event listeners for mouse hover
copyButton.addEventListener('mouseover', function() {
copyButton.style.opacity = '1'; // Make the button opaque on hover
});
copyButton.addEventListener('mouseout', function() {
copyButton.style.opacity = '0.3'; // Make the button semi-transparent when not hovering
});
// Event listener for click to copy URL
copyButton.addEventListener('click', function() {
copyURL();
});
})();