回答編集履歴

1

chousei

2019/10/15 01:23

投稿

yambejp
yambejp

スコア114825

test CHANGED
@@ -1,3 +1,37 @@
1
1
  contenteditableは実装がブラウザによってバラバラでは?
2
2
 
3
3
  利用にはコストが高いので別の手段を検討されたほうがよいと思います
4
+
5
+ それでもどうしてもやりたいならこんな感じ
6
+
7
+ ```javascript
8
+
9
+ <script>
10
+
11
+ window.addEventListener('DOMContentLoaded', ()=>{
12
+
13
+ const observer = new MutationObserver((mutations) => {
14
+
15
+ mutations.forEach((mutation) => {
16
+
17
+ [].forEach.call(document.querySelectorAll('#hoge div:not(.fuga)'),x=>{
18
+
19
+ x.classList.add('fuga');
20
+
21
+ });
22
+
23
+ });
24
+
25
+ });
26
+
27
+ const config = {childList: true};
28
+
29
+ observer.observe(document.querySelector('#hoge'), config);
30
+
31
+ });
32
+
33
+ </script>
34
+
35
+ <div id="hoge" contenteditable>hoge</div>
36
+
37
+ ```