jQWidgets jqxTextArea focus() 方法(1)

📌 相关文章

📜 jQWidgets jqxTextArea focus() 方法(1)

📅 最后修改于: 2023-12-03 14:43:27.382000 🧑 作者: Mango

jQWidgets jqxTextArea focus() 方法

简介

jQWidgets是一个基于JavaScript的UI库，包括丰富的UI组件和工具。jqxTextArea是其中的一个文本框组件，其focus()方法用于设置文本框获得焦点。

语法

$('#jqxTextArea').jqxTextArea('focus');

参数

无。

返回值

无。

使用示例

HTML

<html>
<head>
    <title>使用jQWidgets jqxTextArea focus() 方法</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqwidgets/10.0.0/jqxcore.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqwidgets/10.0.0/jqxbuttons.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqwidgets/10.0.0/jqxtextarea.js"></script>
</head>
<body>
    <div id="jqxTextArea">
        Example text...
    </div>
    <button id="btnFocus" type="button" onclick="focusTextArea()">Focus jqxTextArea</button>
    <script>
        $('#jqxTextArea').jqxTextArea();
        function focusTextArea() {
            $('#jqxTextArea').jqxTextArea('focus');
        }
    </script>
</body>
</html>

JavaScript

$('#jqxTextArea').jqxTextArea();
$('#btnFocus').on('click', function () {
    $('#jqxTextArea').jqxTextArea('focus');
});

注意事项

focus()方法只能在jqxTextArea组件被创建后调用。
在某些场景下，需要设置文本框失去焦点方法blur()，使用方法如下：

$('#jqxTextArea').jqxTextArea('blur');