[转] 修复textarea的focus()时的光标位置

最新推荐文章于 2022-02-12 17:27:57 发布

快乐的猪小屁

最新推荐文章于 2022-02-12 17:27:57 发布

阅读量896

点赞数

分类专栏： javascript 文章标签： xhtml javascript ViewUI

本文链接：https://blog.csdn.net/cwy534363081/article/details/84223836

版权

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>textarea的focus修复</title>
<style type="text/css">
  p {
    background-color:#F7F9FA;
    border:1px dashed #8CACBB;
    padding:5px;
    line-height:1.5em;
  }
</style>
<script type="text/javascript" src="./yahoo-dom-event.js"></script>
</head> 

<body>
<p>测试情景：对已有内容的textarea执行focus()<br />
  测试结果：只有Firefox（gecko内核）能将光标定位在文本最后</p>
<textarea name="" cols="50" rows="10" id="textarea">预置内容预置内容</textarea><br />
<label> 
    <input type="submit" name="button" id="button" value="focus修复"    /> 
</label>

<script type="text/javascript"> 
  var textarea = document.getElementById("textarea"),
    button = document.getElementById("button");
  textarea.focus();
  button.onclick = function(){
    if(YAHOO.env.ua.ie){
      var rng = textarea.createTextRange();
      rng.text = textarea.value;
      rng.select();
      rng.collapse(false);
    }else if (YAHOO.env.ua.webkit){
      textarea.select();
      window.getSelection().collapseToEnd();
    }else{
      textarea.focus();
    }
  };
</script>
</body> 
</html>

快乐的猪小屁

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
[转] 修复textarea的focus()时的光标位置

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; ..
复制链接

扫一扫

专栏目录