回答編集履歴
3
コードの修正
test
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
guest1213さんの回答を拝見して、私もコードを書き換えました。
|
|
2
|
+
|
|
3
|
+
とても勉強になります。ありがとうございます。
|
|
2
4
|
|
|
3
5
|
|
|
4
6
|
|
|
5
|
-
jQueryでrtタグの表示・非表示を切り替えて、コピペ時にルビをコピーしないようにする
|
|
7
|
+
jQueryでrtタグの表示・非表示をcssで切り替えて、コピペ時にルビをコピーしないようにする方法です。
|
|
6
8
|
|
|
7
9
|
|
|
8
10
|
|
|
@@ -14,7 +16,7 @@
|
|
|
14
16
|
|
|
15
17
|
$(function() {
|
|
16
18
|
|
|
17
|
-
|
|
19
|
+
document.addEventListener("copy", function() {
|
|
18
20
|
|
|
19
21
|
$('rt').css('display', 'none');
|
|
20
22
|
|
|
@@ -24,7 +26,7 @@
|
|
|
24
26
|
|
|
25
27
|
}, 0);
|
|
26
28
|
|
|
27
|
-
});
|
|
29
|
+
}, true);
|
|
28
30
|
|
|
29
31
|
});
|
|
30
32
|
|
|
@@ -32,7 +34,11 @@
|
|
|
32
34
|
|
|
33
35
|
rubyタグをコピーする時にrtタグのcssをdisplay:none;にします。
|
|
34
36
|
|
|
35
|
-
コピーが終わったら、
|
|
37
|
+
コピーが終わったら、ルビが現れるようにrtタグのcssをdisplay:;（削除）にします。
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
.on('copy')だとMicrosoft Edgeで動かなかったので、guest1213さんのを真似をしました。
|
|
36
42
|
|
|
37
43
|
|
|
38
44
|
|
|
@@ -48,8 +54,4 @@
|
|
|
48
54
|
|
|
49
55
|
iOS9.3.2 Safari
|
|
50
56
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
動かなかったブラウザ
|
|
54
|
-
|
|
55
57
|
Microsoft Edge
|
2
コードの修正
test
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
|
|
15
15
|
$(function() {
|
|
16
16
|
|
|
17
|
-
$('ruby').on('copy
|
|
17
|
+
$('ruby').on('copy',function(){
|
|
18
18
|
|
|
19
19
|
$('rt').css('display', 'none');
|
|
20
20
|
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
|
|
31
31
|
```
|
|
32
32
|
|
|
33
|
-
rubyタグをコピー
|
|
33
|
+
rubyタグをコピーする時にrtタグのcssをdisplay:none;にします。
|
|
34
34
|
|
|
35
35
|
コピーが終わったら、ページのどこかをクリックしたらルビが現れるように、rtタグのcssをdisplay:;（空）にします。
|
|
36
36
|
|
1
ルビが消えないように修正
test
CHANGED
|
@@ -18,11 +18,11 @@
|
|
|
18
18
|
|
|
19
19
|
$('rt').css('display', 'none');
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
setTimeout(function() {
|
|
22
22
|
|
|
23
|
-
$('
|
|
23
|
+
$('rt').css('display', '');
|
|
24
24
|
|
|
25
|
-
|
|
25
|
+
}, 0);
|
|
26
26
|
|
|
27
27
|
});
|
|
28
28
|
|