Appearance

目录

TextArea ​

说明 ​

多行文本输入组件。

样式 ​

除支持 通用布局样式 和 通用视图样式 以外，还支持以下样式：

属性名类型默认值说明示例
typestring'default'键盘可输入字符类型type: 'default' | 'number' | 'tel' | 'email' | 'password'
colorstring系统默认输入文本颜色color: '#000000'
placeholderColorstring系统默认占位提示文本颜色placeholderColor: '#999999'
cursorColorstring系统默认光标颜色cursorColor: '#007AFF'
textAlignstring'left'文本对齐方式textAlign: 'left' | 'center' | 'right'
fontFamilystring系统默认字体fontFamily: "New Times Roma"
fontSizenumber|string16字体大小fontSize: 16 | '48px'
maxLengthnumber0（无限制）最大输入长度maxLength: 10
returnKeyTypestring'done'键盘输入结束按钮类型returnKeyType: 'done' | 'go' | 'next' | 'search' | 'send'
textLineClampnumber0（无限制）最大输入行数textLineClamp: 1 // 单行输入

属性 ​

除支持 通用视图属性 以外，还支持以下属性：

属性名类型默认值说明示例
textstring输入文本内容this.text = "Hello world!";
placeholderstring占位提示文本this.placeholder = "I'm a placeholder!";
focusedbooleanfalse是否处于激活状态this.focused = true;

事件 ​

事件名类型说明
inputInputEvent文本输入事件

示例 ​

js
let textArea = new TextArea();
textArea.text = 'text';
textArea.placeholder = 'placeholder';
textArea.style = {
    width: 120,
    height: 40,
};
textArea.addEventListener('input', (event) => {
    console.log("input state:" + event.state);
});