gpt4 book ai didi

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

转载 作者:IT王子 更新时间:2023-10-29 03:06:55 24 4
gpt4 key购买 nike

如何以编程方式在 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com