【问题标题】:HTML Textarea, place cursor on bottom line (CSS)?HTML Textarea,将光标放在底线(CSS)上?
【发布时间】:2013-05-26 16:21:51
【问题描述】:

是否可以将 HTML5 占位符放在 textarea 的底部,这样当用户键入时,它会转到最后一行,然后按 enter 会将文本向上推?

我会解释得更好一点。我想要的是有一个 5 行文本区域,而不是从框的顶部开始,文本在输入新行时向下移动,我希望它从底部开始,并在输入新行时向上移动.

如果没有,我想我只需要使用背景图像并将其设置为空白 onkeyup

【问题讨论】:

  • 解决方案需要支持哪些浏览器
  • 如果它只是可能的一些,那很好,因为我可以让它对于不支持它的浏览器看起来不同。现在看起来确实不错,但如果我能做到这一点会更好
  • 你在做什么需要这个功能
  • 一旦有人在 textfield/textarea 中输入一个字符,HTML5 占位符文本就会消失,因此您不会使用该特定属性来实现此目的。输入 JavaScript!

标签: javascript html css xhtml


【解决方案1】:

这已被问到before。

这是该线程答案中的代码(使用 jquery):

if (browserIsIE) {
    var range= element.createTextRange();
    range.collapse(false);
    range.select();
} else {
    element.focus();
    var v= element.value();
    element.value= '';
    element.value= v;
}

如您所见,IE 需要一些特殊处理才能正常运行。也就是说,该脚本的基本逻辑是关注某个文本框,取出它的值并将其放回原处。然后将闪烁的光标移动到文本框中已有内容的末尾。

【讨论】:

  • 谢谢,不过我的问题有点不同。我想要的是有一个 5 行文本区域,而不是从框的顶部开始,文本在输入新行时向下移动,我希望它从底部开始,并在输入新行时向上移动
  • 这是两个不同的问题
猜你喜欢
  • 2016-09-15
  • 1970-01-01
  • 2019-10-27
  • 2018-02-19
  • 1970-01-01
  • 2017-06-03
  • 1970-01-01
  • 1970-01-01
  • 2011-08-18
相关资源
最近更新 更多