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

Posted 2023-04-19

问题是如何实现让当前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)。

参考技术A //假如输入框class为test,textarea的class设为box;
//要让文本域从右边输入，也就是右边获取光标，需要在textarea的css中设置direction: rtl;
//slideToggle可以自己调整
$('.test').click(function()
    $('.box')..focus().slideToggle();
);

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

禁用输入，允许点击文本框

【中文标题】禁用输入，允许点击文本框

【英文标题】：Disable input, allow click textbox

【发布时间】：2014-10-16 20:04:20

【问题描述】：

我正在使用 Bootstrap 样式构建一个 .net Web 应用程序。我有一个配备日期选择器的文本框场景，我想避免日期字符串验证的麻烦。我想我可以简单地检查空字符串值（无输入）作为唯一必要的验证并禁用键盘输入。这样，唯一可能的输入是通过日期选择器。

我唯一的问题是将 disabled 属性应用于日期选择器框会禁用单击，并且日期选择器通过单击文本框显示。

因此我的问题是：如何在允许点击的同时禁用文本框的输入？

【问题讨论】：

你为什么不用文本框以外的东西呢？例如可点击的文字，按钮

如果你真的想禁用文本框，那么你可以在禁用的输入前面放置一个元素，然后点击该元素。

【参考方案1】：

您可以使用readonly 属性代替disabled。

虽然禁用的元素不会响应事件（例如单击或悬停），但只读元素的行为与常规元素一样，尽管它们不可编辑。禁用的元素也不会在表单提交时发送。

JSFiddle