如何解决HTML:如何在输入中添加自动滚动?最后添加的内容必须始终可见
function addHee(){
document.getElementById("Display2").value = document.getElementById("Display2").value + "Hee";
}
function addAaA(){
document.getElementById("Display2").value = document.getElementById("Display2").value + "AaA";
}
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<input type="text" id="Display2"name="Display2" class="displays" value="HelloMan" >
<input type="button" class="Hee" value="Hee"onClick="addHee()">
<input type="button" class="AaA" value="AaA"onClick="addAaA()">
</body>
</html>
通过单击并键入在输入中添加字符时,最后输入的内容始终可见。
但是当使用按钮添加字符时,并不会专注于查看最后输入的内容,而是始终显示前面。
我希望在使用按钮添加字符时始终能看到最后输入的部分。 我在输入标签的属性中找不到任何内容。
解决方法
执行以下操作:
function addHee() {
const input = document.getElementById("Display2");
input.value = input.value + "Hee";
input.focus();
input.setSelectionRange(input.value.length,input.value.length);
}
对两个功能都做同样的事情。
,@费萨尔汗
我在两个功能上都做到了这一点:
function addHee(){
let ta = document.getElementById('Display2');
document.getElementById("Display2").value = document.getElementById("Display2").value + "Hee";
ta.scrollLeft = ta.scrollWidth;
}
有什么区别?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。