Javascript 关注引导浮动模式窗体上自定义文本后的文本区域

我使用bootstrap调用一个简单的模态表单，它只包含一个textarea字段和两个按钮。在调用模态表单时，我在textarea中设置了一些自定义文本变量长度。我想要的是关注自定义文本之后的textarea字段，这样用户就可以在自定义文本之后开始键入。我在下面提到了我对这一点的实现。有谁能告诉我们如何做到这一点

这是小提琴：

这里还有一点解释-

这是我所有的模式引导的东西-

<div class="modal fade" id="msg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
            <h4 class="modal-title" id="myModalLabel">Type a message</h4>
        </div>
        <div class="modal-body">
            <textarea id="Message" class="form-control"></textarea>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">Cancel</button>
            <button id="PostModalButton" class="btn btn-primary btn-sm">Post</button>
        </div>
    </div>
</div>

---

您可以参考此链接： 它对我有用

$'.launchConfirm'。单击，函数e{ $‘确认’ .modal{background:'static'，键盘：false} 在…上 .单击一次，“[数据值]”，函数e{ 如果$this.data'value'{ //警报“已确认”； }否则{ //警报“取消”； } }; }; $“确认”。在“已显示”功能上{ $'txtDemo'.val$'txtDemo'.val； $‘txtDemo’。焦点； //做点什么… } 身体 .modal open.page容器， .模态打开。页面容器。导航栏固定顶部， .modal打开.modal容器{ 溢出y：滚动； } @介质最大宽度：979px{ .模式打开.页面容器.导航栏固定顶部{ 溢出y：可见； } } 发射确认 你想继续吗？ 持续 取消

---

Sam您可以尝试以下javascript代码：-

    var screen_name = '',
    old_message = '',
    new_message = '';
    $("#msg").on('shown', function() {
        screen_name = $("button[data-target='#msg']").data("screenname"),
        old_message = $.trim($('#Message').val()),
        new_message = ( old_message.length == 0 ) ? screen_name : old_message; 
       $("#Message").focus().val(new_message + " "); 
   });

让我解释一下我为什么使用这个代码。从您提供的js fiddle链接中，我了解到您使用的是bootstrap 2版本，但是您使用的代码

$("#msg").on('shown.bs.modal', function(){
  ...
}

仅在引导3中引入。所以我把它改成了

$("#msg").on('shown', function(){
...
}

线路呢

$("#Message").focus().val(new_message + " ");

---

用于在自定义文本后设置焦点。我希望这能解决您的问题。

请为我提供fiddle添加fiddle链接。好的，我也在做同样的事情，只是将单击事件连接到启动按钮引导会解决这个问题。不确定这是否是问题所在。单击事件是模式中按钮的侦听器，因此如果要消除，则可以。请接受回答您只提到一些类似的代码工作正常，并没有解决我的问题。Sam您可以尝试我的代码，看看这是否解决了您的问题。我错误地将bootstrap 2包含在fiddle中，但我在代码中正确地使用了它。事实上，我自己也尝试过类似的方法，即先设置焦点，然后设置值，这对我很有效。只是我不知道该怎么做。无论如何，谢谢你的发帖。

$("#msg").on('shown', function(){
...
}

$("#Message").focus().val(new_message + " ");