Question

我有以下代码：

func findSum(number1: Int, _ number2: Int) -> Int

我想将焦点设置为带有<div class="modal-body"> <div class="form-group" id="checkDiv_0"> <div class="col-md-2 control-label"> @Translations.ReportCopy </div> <div class="col-md-10"> <div class="col-md-1"> <button class="btn btn-primary pull-right"><span class="glyphicon glyphicon-remove"></span></button> </div> <div class="col-md-11"> <textarea id="textarea_0" name="Copies" class="form-control textarea-resize"></textarea> </div> </div> </div> <div class="form-group" id="checkDiv_1"> <div class="col-md-2 control-label"> @Translations.ReportCopy </div> <div class="col-md-10"> <div class="col-md-1"> <button class="btn btn-primary pull-right"><span class="glyphicon glyphicon-remove"></span></button> </div> <div class="col-md-11"> <textarea id="textarea_1" name="Copies" class="form-control textarea-resize"></textarea> </div> </div> </div>的textare。没有焦点，用户必须左键单击insisde textarea，然后才能开始在其中写入。

我尝试了textarea_1，但没有成功。

解：我用这种方式解决了这个问题：

$('#textarea_1').focus()

Answer 1

您需要将jQuery代码包装在.ready()函数中：

$(document).ready(function(){
    $("#textarea_1").focus();
});

Answer 2

没有jQuery的两个例子：

window.addEventListener('load', function() { document.getElementById('textarea_1').focus(); }, false);

或

'onload'

第二个允许您将多个long[] arr = { 1, 2, 3, 4 }; Arrays.stream(arr).mapToObj(l -> ((Long) l).toString()).collect(Collectors.joining(","))事件分配给单个DOM元素。

Answer 3

这个问题你不需要javascript，因为你可以这样做：

<textarea id="textarea_1" name="Copies" class="form-control textarea-resize" autofocus></textarea>

autofocus属性将文本区域作为默认值放在DOM上。

您可以使用此页面作为参考： http://www.w3schools.com/tags/att_textarea_autofocus.asp

Answer 4

必要的代码实际上取决于您何时需要关注它。如果你需要在页面加载时给它焦点，你应该做@David Li建议的那样。

否则，您可以这样做。

＆＃13;

document.getElementById('focusButton').onclick = function(){
	document.getElementById('textarea_1').focus();
};

＆＃13;

<div class="modal-body">
  <div class="form-group" id="checkDiv_0">
            <div class="col-md-2 control-label">
                @Translations.ReportCopy
            </div>
            <div class="col-md-10">
                <div class="col-md-1">
                    <button class="btn btn-primary pull-right"><span class="glyphicon glyphicon-remove"></span></button>
                </div>
                <div class="col-md-11">
                    <textarea id="textarea_0" name="Copies" class="form-control textarea-resize"></textarea>
                </div>
            </div>
        </div>
         <div class="form-group" id="checkDiv_1">
            <div class="col-md-2 control-label">
                @Translations.ReportCopy
            </div>
            <div class="col-md-10">
                <div class="col-md-1">
                    <button class="btn btn-primary pull-right"><span class="glyphicon glyphicon-remove"></span></button>
                </div>
                <div class="col-md-11">
                    <textarea id="textarea_1" name="Copies" class="form-control textarea-resize"></textarea>
                </div>
            </div>
        </div>
    <input type="button" id="focusButton" value="give element focus">

＆＃13;

在textarea中设置焦点不起作用

4 个答案: