回答編集履歴

2

やっぱコピーまで追加

2019/06/01 02:50

投稿

hentaiman
hentaiman

スコア6422

test CHANGED
@@ -44,13 +44,23 @@
44
44
 
45
45
  (function(){
46
46
 
47
-
48
-
49
47
  document.querySelectorAll('pre').forEach((row)=>{
50
48
 
51
49
  row.querySelector('button').onclick = () =>{
52
50
 
51
+ //alert(row.querySelector('.aaa').innerHTML);
52
+
53
+ let elm = document.createElement('textarea');
54
+
53
- alert(row.querySelector('.aaa').innerHTML);
55
+ elm.value = row.querySelector('.aaa').innerHTML;
56
+
57
+ document.body.appendChild(elm) ;
58
+
59
+ elm.select();
60
+
61
+ document.execCommand("copy");
62
+
63
+ document.body.removeChild(elm);
54
64
 
55
65
  };
56
66
 

1

コメントに合わせて回答変更

2019/06/01 02:50

投稿

hentaiman
hentaiman

スコア6422

test CHANGED
@@ -1,9 +1,65 @@
1
- **個別にコピー**の意味が合ってるか分からないけど、要素を特定するものがclass名以外に無いなら
1
+ ```html
2
2
 
3
- ```ここに言語を入力
3
+ <pre>
4
4
 
5
- document.querySelectorAll('.aaa')
5
+ <button>コピーする</button>
6
+
7
+ <span class="aaa">
8
+
9
+ ここにcodeを書く
10
+
11
+ </span>
12
+
13
+ </pre>
14
+
15
+ <pre>
16
+
17
+ <button>コピーする</button>
18
+
19
+ <span class="aaa">
20
+
21
+ ここにcodeを書く2
22
+
23
+ </span>
24
+
25
+ </pre>
26
+
27
+ <pre>
28
+
29
+ <button>コピーする</button>
30
+
31
+ <span class="aaa">
32
+
33
+ ここにcodeを書く3
34
+
35
+ </span>
36
+
37
+ </pre>
6
38
 
7
39
  ```
8
40
 
41
+
42
+
43
+ ```javascript
44
+
45
+ (function(){
46
+
47
+
48
+
49
+ document.querySelectorAll('pre').forEach((row)=>{
50
+
51
+ row.querySelector('button').onclick = () =>{
52
+
9
- を使って取得し、何番目のものをコピー対象にするか選ばせる
53
+ alert(row.querySelector('.aaa').innerHTML);
54
+
55
+ };
56
+
57
+
58
+
59
+ });
60
+
61
+
62
+
63
+ })();
64
+
65
+ ```