用鼠标选择各种输入的文本

Question

我想通过用鼠标选择输入（输入文本）来获取它们的值，并通过一次移动/单击鼠标来复制它们的值

我有这样的输入：

<input type="text" value="one" />
<input type="text" value="two" />
<input type="text" value="three" />
<input type="text" value="four" />

我想通过将鼠标悬停在我的输入 1、2 和 3 上来复制（在我的剪贴板中）文本

不只是一个输入...而是只需移动鼠标一次即可进行多个输入，然后我将执行 Ctrl-C

Answer 1

请尝试以下代码，这可能会解决您的问题

FIDDLE

$('input[type=text]').mouseover(function() {
  var abtest = '';

  $('input[type=text]').each(function() {
    abtest = abtest + ', ' + $(this).val();
  });

  if (abtest.indexOf(',') >= 0)
    abtest = abtest.substring(1, abtest.len);

  $('#lbltest').text(abtest);
  SelectText('lbltest');
});



function SelectText(element) {
  var doc = document,
    text = doc.getElementById(element),
    range, selection;
  if (doc.body.createTextRange) {
    range = document.body.createTextRange();
    range.moveToElementText(text);
    range.select();
  } else if (window.getSelection) {
    selection = window.getSelection();
    range = document.createRange();
    range.selectNodeContents(text);
    selection.removeAllRanges();
    selection.addRange(range);
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="text" value="one" />
<input type="text" value="two" />
<br>
<input type="text" value="three" />
<input type="text" value="four" />
<br>
<br>
<br>
<label id="lbltest">abtest</label>

用鼠标选择各种输入的文本

Selecting texts of various inputs with mouse

javascript

mouseevent