選択範囲した文字列を出力できない

javascript
1<!DOCTYPE HTML>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <title>transration</title>
6  <script src="jquery-3.2.1.min.js"></script>
7  <script>
8
9  $(function() {
10    $("#read_text").load("readingDoc.txt");
11  });
12
13  $(function(){
14    var word = window.getSelection().toString();
15    $("#output").text(word);
16  });
17
18  </script>
19</head>
20<body>
21  <p>出力テスト</p>
22  <div id="read_text"></div>
23  <div  id="output"></div>
24</body>
25</html>

上記のコードなのですが、外部から読み込んだテキストファイルを
ブラウザ上で出力、出力されたテキストを選択範囲で囲み、該当する部分をid:outputで出力する
という意図なのですが、選択範囲で囲んでも出力されません。
コンソールに直接jsのコードのみ記述して出力先をconsol.log()にするとうまくいくのですが。。。。
アドバイスお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

いつ出したいのかわかりませんが、選択変更時なら

JavaScript
1//$(function(){
2  $(document).on('selectionchange', function(event) {

https://developer.mozilla.org/ja/docs/Web/Reference/Events/selectionchange

投稿2018/02/01 05:27

x_x

総合スコア13749

tomagurosu

2018/02/01 06:08

ありがとうございます、考えていた通りの動きになり解決いたしました

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

選択範囲した文字列を出力できない

関連した質問