copy-input-text.js
2.34 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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
/* global _SEARCHWP */
( function($) {
'use strict';
const app = {
/**
* Init.
*
* @since 4.3.2
*/
init: () => {
$( app.ready );
},
/**
* Document ready
*
* @since 4.3.2
*/
ready: () => {
app.events();
},
/**
* Extension page events.
*
* @since 4.3.2
*/
events: () => {
$( document ).on( 'click', '[data-swp-copy-from]', app.copyInputText );
},
/**
* Copy text input content to the clipboard.
*
* @since 4.3.2
*/
copyInputText: function(e) {
e.preventDefault();
const textInput = document.querySelector( e.target.dataset.swpCopyFrom );
if ( ! textInput ) {
return;
}
// Select the text input content.
textInput.select();
textInput.setSelectionRange( 0, 99999 ); // For mobile devices.
// Fallback to execCommand() if Clipboard API can't be used.
if ( typeof navigator.clipboard === 'undefined' || ! window.isSecureContext ) {
document.execCommand('copy');
$(e.target).addClass('swp-button--completed');
setTimeout(
() => {
$(e.target).removeClass('swp-button--completed');
},
1500
);
return;
}
navigator.clipboard.writeText(textInput.value).then(function () {
$(e.target).addClass('swp-button--completed');
setTimeout(
() => {
$(e.target).removeClass('swp-button--completed');
},
1500
);
}, function () {
$(e.target).after('<span class="swp-error-msg swp-text-red swp-b ">Error</span>');
setTimeout(
() => {
$(e.target).siblings('.swp-error-msg').remove();
},
1500
);
});
}
};
app.init();
window.searchwp = window.searchwp || {};
window.searchwp.CopyInputText = app;
}( jQuery ) );