📜  jQWidgets jqxTextArea close 事件(1)

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

jQWidgets jqxTextArea close 事件

简介

jqxTextArea 是 jQWidgets 提供的一个支持多行文本输入的组件,我们可以通过 close 事件来监听输入框的关闭操作。

语法
$('#jqxTextArea').on('close', function (event) {
  console.log('jqxTextArea is closed.');
});
参数
  • event:事件对象,包含了事件的详细信息,如事件类型、事件目标等。
示例
<!DOCTYPE html>
<html>
<head>
  <title>jQWidgets jqxTextArea close 事件示例</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jqwidgets-framework/jqwidgets/styles/jqx.base.css">
  <script src="https://cdn.jsdelivr.net/npm/jqwidgets-framework/jqwidgets/jqxcore.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/jqwidgets-framework/jqwidgets/jqxbuttons.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/jqwidgets-framework/jqwidgets/jqxtextarea.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/jqwidgets-framework/jqwidgets/jqxscrollbar.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/jqwidgets-framework/jqwidgets/jqxpanel.js"></script>
  <script>
    $(document).ready(function () {
      $('#jqxTextArea').on('close', function (event) {
        console.log('jqxTextArea is closed.');
      });
    });
  </script>
</head>
<body>
  <div id="jqxTextArea"></div>
</body>
</html>
效果

当输入框被关闭时,会在控制台输出 'jqxTextArea is closed.' 的提示信息。