JavaScript 選択中の文字を取得

Question

前提・実現したいこと

ドラッグで選択中の文字を取得したいです
下記ただのテキストであれば取得できるのですが
input textの中身はドラッグしても取得できません
どうすればinput textの中身を取得できるでしょうか

該当のソースコード

<script>
function test(){
var selObj = window.getSelection();
alert("選択した文字列: " + selObj);
}
</script>

あいうえお
  <input type="text" id="txt1" value="かきくけこ">
  <input type="button" id="btn1" value="ボタン" onclick="test();">

Answer 1

テキスト <input> と <textarea> 内のテキスト選択は特別で、getSelection() からは取得できません。

document.activeElement がそれらだったら、document.activeElement.value.substring(document.activeElement.selectionStart, document.activeElement.selectionEnd) のようにする必要があります。

Comments

[退会済みユーザー]

動かなかったんですが間違ってますか？

<script>
function test(){
alert(document.activeElement.value.substring(document.activeElement.selectionStart, document.activeElement.selectionEnd));
}
</script>
<input type="text" id="txt1" value="かきくけこ">
<input type="button" id="btn1" value="ボタン" onclick="test();">

[int32_t]

ああ、ボタンを押すと activeElement がボタンになってしまいますね。ボタンを押して選択テキストを取得するのは必須条件ですか?

[退会済みユーザー]

できました

<script>
window.onload=function(){
Array.from(document.querySelectorAll("input[type='text']"), i => {
i.addEventListener('focus', function() {
activ_id=i.id;
});
});
}
function test(){
if(document.getElementById(activ_id)){
alert(document.getElementById(activ_id).value.substring(document.getElementById(activ_id).selectionStart,document.getElementById(activ_id).selectionEnd));
}
}
</script>
<input type="text" id="txt1" value="あいうえお">
<input type="text" id="txt2" value="かきくけこ">
<input type="text" id="txt3" value="さしすせそ">
<input type="button" id="btn1" value="ボタン" onclick="test();">