Skip to content

Instantly share code, notes, and snippets.

@datygra

datygra/copy-element-text-bookmarklet.js

Forked from foobear/copy-element-text-bookmarklet.js
Created June 19, 2022 04:21
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save datygra/e3f744fdd09b01d6442196ace31a918e to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save datygra/e3f744fdd09b01d6442196ace31a918e to your computer and use it in GitHub Desktop.
Download ZIP
JavaScript bookmarklet to click an element and copy its text contents. See https://makandracards.com/makandra/46962
Raw
copy-element-text-bookmarklet.js
(function() {
var overlay = document.createElement('div');
Object.assign(overlay.style, {
position: 'fixed',
top: 0,
left: 0,
width: '100vw',
height: '100vh',
zIndex: 99999999,
background: 'transparent',
cursor: 'crosshair'
});
document.body.append(overlay);
function getElement(event) {
overlay.style.pointerEvents = 'none';
var element = document.elementFromPoint(event.clientX, event.clientY);
overlay.style.pointerEvents = 'auto';
return element;
}
document.addEventListener('mousemove', function(event) {
var element = getElement(event);
if (!element) return;
var position = element.getBoundingClientRect();
Object.assign(overlay.style, {
background: 'rgba(0, 128, 255, 0.25)',
outline: '1px solid rgba(0, 128, 255, 0.5)',
top: '' + position.top + 'px',
left: '' + position.left + 'px',
width: '' + position.width + 'px',
height: '' + position.height + 'px'
});
});
overlay.addEventListener('click', function(event) {
var element = getElement(event);
var text = element.textContent || element.value;
text = text.replace(/\n[ \n]+\n/g, "\n").replace(/\n\n+/g, "\n\n").replace(/^\n+|\n+$/g, '');
if (!text.match("\n")) text = text.replace(/^ +| +$/, '')
window.prompt('Press Ctrl+C to copy', text);
document.body.removeChild(overlay);
});
})()
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment