teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

chousei

2021/08/27 02:45

投稿

yambejp
yambejp

スコア117906

answer CHANGED
@@ -7,7 +7,7 @@
7
7
  window.addEventListener('DOMContentLoaded', ()=>{
8
8
  const target=document.querySelector('#target');
9
9
  target.addEventListener('focus',()=>{
10
- r=document.createRange();
10
+ const r=document.createRange();
11
11
  r.setStart(target,0);
12
12
  r.setEnd(target,1);
13
13
  window.getSelection().addRange(r);

1

sample

2021/08/27 02:45

投稿

yambejp
yambejp

スコア117906

answer CHANGED
@@ -1,2 +1,18 @@
1
1
  contenteditableな要素は入れ子を持つ可能性があるため単純には
2
- 範囲選択はできません
2
+ 範囲選択はできません
3
+
4
+ # sample
5
+ ```javascript
6
+ <script>
7
+ window.addEventListener('DOMContentLoaded', ()=>{
8
+ const target=document.querySelector('#target');
9
+ target.addEventListener('focus',()=>{
10
+ r=document.createRange();
11
+ r.setStart(target,0);
12
+ r.setEnd(target,1);
13
+ window.getSelection().addRange(r);
14
+ });
15
+ });
16
+ </script>
17
+ <div id="target" contenteditable="true">文字を入力</div>
18
+ ```