javascript - 以编程方式选择输入字段中的部分文本

标签 javascript html html-input

如何以编程方式在 HTML input 字段中选择特定范围的文本? (我不想选择整个字段,只是一个子集)

另外,如何确定字段中当前选定的范围?

最佳答案

下面是选择文本框的一部分(范围选择)并获取所选文本的方法:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> Test </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
  window.onload = function() {
    var message = document.getElementById('message');
    // Select a portion of text
    createSelection(message, 0, 5);
    // get the selected portion of text
    var selectedText = message.value.substring(message.selectionStart, message.selectionEnd);
    alert(selectedText);
  };

  function createSelection(field, start, end) {
    if( field.createTextRange ) {
      var selRange = field.createTextRange();
      selRange.collapse(true);
      selRange.moveStart('character', start);
      selRange.moveEnd('character', end);
      selRange.select();
      field.focus();
    } else if( field.setSelectionRange ) {
      field.focus();
      field.setSelectionRange(start, end);
    } else if( typeof field.selectionStart != 'undefined' ) {
      field.selectionStart = start;
      field.selectionEnd = end;
      field.focus();
    }
  }
</script>
</head>
<body>
<input type="text" name="message" id="message" value="Hello World" />
</body>
</html>

Demo

关于javascript - 以编程方式选择输入字段中的部分文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/646611/

相关文章:

javascript - 如果原始 src 无法加载内容且超时,iframe 使用替代图像

javascript - 当需要 "select"或 "input"时验证表单

javascript - 如何使用 JavaScript 获取文本输入字段的值?

javascript - 使用 JQuery/JavaScript 在 .append() 中添加带有 onclick 事件的按钮

javascript - 解构分配中的 Prop 可以就地转换吗?

javascript - 在 Breeze 实体上调用 ko.toJS 会导致脚本长时间运行缓慢

html - 如何将两个 div 对齐/设置/放置/设置样式

html - 如果在文本区域中键入单词 "echo",则 HTML 多部分表单不会发布

HTML5 输入类型数字与电话

javascript - 如何在 angularjs 中通过数组过滤对象