我只是在学习CSS:这看起来像一个简单的任务,但我花了一段时间研究,无法让它工作:
假设我有一个很长的文本字符串 - 如何让所有文本显示在一行并具有一定宽度,但是限制显示在字符串末尾的内容？
.demo {
border: 1px solid red;
white-space: nowrap;
max-width: 100px;
overflow: hidden;
}<p class="demo">hello this is a string</p>例如,这里显示字符串的开头(并截断结束),但我需要它来显示结束(并切断开头).
任何帮助都会得到真正的赞赏; 我可能只是错过了一行.非常感谢!
我试图在单击一下后立即获取文本光标的位置。问题是，selectionStart并且selectionEnd不返回光标的最新位置，因为在释放单击之前不会存储“新”位置。当您尝试使用鼠标重新定位插入符号时，代码片段会显示此问题。
这很奇怪，因为从技术上讲，我可以在单击鼠标后立即在“新”位置键入内容，但selectionStart仍然返回旧位置。如果光标位置可以明显改变而无需释放单击，那么如何访问新位置而无需等待mouseup？
（这似乎也是在按键后跟踪光标位置的问题）
const input = document.getElementById('myInput');
input.addEventListener('mousedown', showposition); // click
function showposition() {
document.getElementById("output").innerHTML += " " + input.selectionStart;
}<input id="myInput">
<p id="output"></p>