teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問ジャバスクリプト　テキストエリア内の選択した文字列をフォーカスしたい

編集履歴

質問編集履歴

4

コードブロックがうまくいってないため、編集

2018/02/22 08:43

投稿

cyokucyoku
cyokucyoku

スコア4

test CHANGED
File without changes
test CHANGED
@@ -148,8 +148,12 @@
148
148
 
149
149
 
150
150
 
151
+
152
+
151
153
  ```
152
154
 
155
+ ```ここに言語を入力
156
+
153
157
  HTML
154
158
 
155
159
  <!DOCTYPE html>
@@ -258,6 +262,8 @@
258
262
 
259
263
  ```
260
264
 
265
+ ```
266
+
261
267
 
262
268
 
263
269
 

3

Htmlの表示

2018/02/22 08:43

投稿

cyokucyoku
cyokucyoku

スコア4

test CHANGED
File without changes
test CHANGED
@@ -56,6 +56,8 @@
56
56
 
57
57
  var KensakuMoji = document.getElementById("txtb").value;
58
58
 
59
+ //alert("KensakuMojiは"+ KensakuMoji);
60
+
59
61
 
60
62
 
61
63
  //regに「g」フラグを設定し、正規表現の文字列検索をセットする
@@ -78,41 +80,57 @@
78
80
 
79
81
  if(result != null) {
80
82
 
83
+ //alert("文字列が見つかりました");
84
+
85
+
86
+
81
- //Searchで文書頭から文字列を検索し、見つかった文字の位置を取得
87
+ //Searchで文書頭から文字列を検索し、見つかった文字の位置を取得
82
-
88
+
83
- var Ichi_First = Txt_1.search(reg);
89
+ var Ichi_First = Txt_1.search(reg);
90
+
84
-
91
+ //alert("Ichi_Firstは"+ Ichi_First);
85
-
86
-
92
+
93
+
94
+
87
- //検索した文字列を選択する
95
+ //検索した文字列を選択する
88
-
96
+
89
- 　　　　document.getElementById("Txt_Bun").setSelectionRange(Ichi_First, Ichi_First + 1);
97
+ document.getElementById("Txt_Bun").setSelectionRange(Ichi_First, Ichi_First + 1);
98
+
99
+
100
+
90
-
101
+ //document.getElementById("Txt_Bun").setSelectionRange(Ichi_First, Ichi_First);
102
+
103
+
104
+
105
+
106
+
91
- 　　　　　//↑ここで「(Ichi_First, Ichi_First + 1)」を「(Ichi_First, Ichi_First)」にして、文字列を選択するようにしなければ、文章の最後のほうに検索文字列があっても、テキストエリア内の文章が自動的に検索文字列にフォーカスされます
107
+ //↑ここで「(Ichi_First, Ichi_First + 1)」を「(Ichi_First, Ichi_First)」にして、文字列を選択するようにしなければ、文章の最後のほうに検索文字列があっても、テキストエリア内の文章が自動的に検索文字列にフォーカスされます
92
-
93
-
94
-
95
-
96
-
108
+
109
+
110
+
111
+
112
+
97
- //カーソルがある位置のテキストエリアを表示するため
113
+ //カーソルがある位置のテキストエリアを表示するため
98
-
114
+
99
- //テキストエリアをフォーカスし直す
115
+ //テキストエリアをフォーカスし直す
100
-
116
+
101
- document.getElementById("Txt_Bun").focus();
117
+ document.getElementById("Txt_Bun").focus();
102
118
 
103
119
 
104
120
 
105
121
  }else{
106
122
 
107
- //検索したい文字が見つからない場合
123
+ //検索したい文字が見つからない場合
108
-
124
+
109
- alert("文字列が見つかりませんでした");
125
+ alert("文字列が見つかりませんでした");
110
-
111
-
112
-
126
+
127
+
128
+
113
- //テキストエリアをフォーカスし直す
129
+ //テキストエリアをフォーカスし直す
130
+
114
-
131
+ document.getElementById("txtb").focus();
132
+
115
- document.getElementById("Txt_Bun").focus();
133
+ document.getElementById("Txt_Bun").focus();
116
134
 
117
135
  }
118
136
 
@@ -122,8 +140,136 @@
122
140
 
123
141
 
124
142
 
143
+
144
+
145
+
146
+
147
+
148
+
149
+
150
+
125
151
  ```
126
152
 
153
+ HTML
154
+
155
+ <!DOCTYPE html>
156
+
157
+ <html lang="ja">
158
+
159
+ <head>
160
+
161
+ <meta charset="Shift_JIS">
162
+
163
+ <title></title>
164
+
165
+
166
+
167
+ <link rel="stylesheet" type="text/css" href="Check.css" media="all">
168
+
169
+
170
+
171
+ <script type="text/javascript" src="http://code.jquery.com/jquery-3.2.1.min.js"></script>
172
+
173
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
174
+
175
+ <script src="searchhi_slim.js"></script>
176
+
177
+
178
+
179
+
180
+
181
+ <style>
182
+
183
+ </style>
184
+
185
+
186
+
187
+
188
+
189
+ </head>
190
+
191
+
192
+
193
+
194
+
195
+ <body>
196
+
197
+
198
+
199
+ 文字列：<input type="txt" id="txtb"><br>
200
+
201
+ <input type="button" value="検索" onclick="FirstSearch()">
202
+
203
+
204
+
205
+ </DIV>
206
+
207
+
208
+
209
+
210
+
211
+
212
+
213
+ <DIV style="margin-left:35%;">
214
+
215
+ <input type="file" id="loadFile" size="106"><br>
216
+
217
+ <textarea id="Txt_Bun" rows="30" cols="81" style="font-size:1em;"></textarea>
218
+
219
+
220
+
221
+ </DIV>
222
+
223
+
224
+
225
+
226
+
227
+
228
+
229
+
230
+
231
+
232
+
233
+
234
+
235
+
236
+
237
+
238
+
239
+
240
+
241
+ <!-- スクリプト -->
242
+
243
+
244
+
245
+ <script type="text/javascript" src="Kensaku111.js" charset="Shift_JIS"></script>
246
+
247
+
248
+
249
+
250
+
251
+
252
+
253
+
254
+
255
+ </body>
256
+
257
+ </html>
258
+
259
+ ```
260
+
261
+
262
+
263
+
264
+
265
+
266
+
267
+
268
+
269
+
270
+
271
+
272
+
127
273
  ### 試したこと
128
274
 
129
275
 

2

コードブロックを間違えたため、修正しました。

2018/02/22 08:42

投稿

cyokucyoku
cyokucyoku

スコア4

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- ```### 前提・実現したいこと
1
+ ### 前提・実現したいこと
2
2
 
3
3
  テキストエリアに結構長い文章が入っています。
4
4
 

1

コードをコードブロックで囲みました

2018/02/22 08:13

投稿

cyokucyoku
cyokucyoku

スコア4

test CHANGED
File without changes
test CHANGED
@@ -45,6 +45,8 @@
45
45
 
46
46
 
47
47
  ソースコード
48
+
49
+ ```ここに言語を入力
48
50
 
49
51
  function FirstSearch(){
50
52
 
@@ -118,6 +120,10 @@
118
120
 
119
121
 
120
122
 
123
+
124
+
125
+ ```
126
+
121
127
  ### 試したこと
122
128
 
123
129