Bootstrap点击一个输入框(data-toggle="modal" data-target=“id”)然后会弹出对应的隐藏域textarea

问题是如何实现让当前textarea获取焦点并且光标在最后

解决方案如下:

<script type="text/javascript">function moveCaretToEnd(el) {    if (typeof el.selectionStart == "number") {

el.selectionStart = el.selectionEnd = el.value.length;

} else if (typeof el.createTextRange != "undefined") {

el.focus();        var range = el.createTextRange();

range.collapse(false);

range.select();

}

}var textarea = document.getElementById("test");

textarea.onfocus = function() {

moveCaretToEnd(textarea);    // Work around Chrome's little problem

window.setTimeout(function() {

moveCaretToEnd(textarea);

}, 1);

};</script>

<textarea id="test">Something</textarea>

textarea,计算机语言,指的是标签定义多行的文本输入控件。

<textarea> 标签定义多行的文本输入控件。

文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。

可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和 width 属性。

在文本输入区内的文本行间,用 "%OD%OA" (回车/换行)进行分隔;通过 <textarea> 标签的 wrap 属性设置文本输入区内的换行模式。

textarea 标签是成对出现的,以<textarea>开始,以</textarea>结束

定义一个文本区域 (text-area) (一个多行的文本输入区域)。用户可在此文本区域中写文本。在一个文本区中,您可输入无限数量的文本。文本区中的默认字体是等宽字体 (fixed pitch)。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2017-05-18
//假如输入框class为test,textarea的class设为box;
//要让文本域从右边输入,也就是右边获取光标,需要在textarea的css中设置direction: rtl;
//slideToggle可以自己调整
$('.test').click(function(){
    $('.box')..focus().slideToggle();
});

第2个回答  2015-06-30
思路很重要:点击——弹出——获取焦点且光标在最后显示;一步步做
首先获取getElementById("当然你也许用其他的方式获取");然后就是 xx.style.display = "";总之思路很重要:我的回答仅仅提供思路而已,具体请看下面的网址
接下来有个网址:http://blog.csdn.net/xusongsong520/article/details/7861850
这个不是跟你的问题一模一样,有时候这是很锻炼人的!本回答被提问者和网友采纳