Lynx

属性

`android-fullscreen-mode`

Android

3.4

// @默认值: true
'android-fullscreen-mode'?: boolean;

在横屏时是否进入全屏输入模式，在此模式下键盘和输入框将占据整个屏幕

`confirm-type`

Android

iOS

Harmony

3.4

// @默认值: 'send'
'confirm-type'?: 'search' | 'send' | 'go' | 'done' | 'next';

确认按钮的类型

`disabled`

Android

iOS

Harmony

3.5

// @默认值: false
disabled?: boolean;

是否启用交互

`input-filter`

Android

iOS

Harmony

3.4

// @默认值: undefined
'input-filter'?: string;

过滤输入内容，并以正则表达式的形式进行处理

`ios-auto-correct`

iOS

3.4

// @默认值: true
'ios-auto-correct'?: boolean;

在 iOS 上自动纠正输入内容

`ios-spell-check`

iOS

3.4

// @默认值: true
'ios-spell-check'?: boolean;

在 iOS 上检查拼写问题

`maxlength`

Android

iOS

Harmony

3.4

// @默认值: 140
maxlength?: number;

最大输入长度

`placeholder`

Android

iOS

Harmony

3.4

placeholder?: string;

占位符

`readonly`

Android

iOS

Harmony

3.4

// @默认值: false
readonly?: boolean;

只读

`show-soft-input-on-focus`

Android

iOS

Harmony

3.4

// @默认值: true
'show-soft-input-on-focus'?: boolean;

聚焦时显示软输入键盘

`type`

Android

iOS

Harmony

3.4

// @默认值: "text"
type?: 'number' | 'text' | 'digit' | 'password' | 'tel' | 'email';

输入内容类型

事件

前端可以绑定相应的事件回调来监听元素的运行时行为，如下所示。

`bindblur`

Android

iOS

Harmony

3.4

bindblur = (e: InputBlurEvent) => {};

字段	类型	是否可选	默认值	平台	自版本	描述
value	字符串	否	–	Android iOS Harmony 3.4	3.4	输入内容

失去焦点

`bindconfirm`

Android

iOS

Harmony

3.4

bindconfirm = (e: InputConfirmEvent) => {};

字段	类型	是否可选	默认值	平台	自版本	描述
value	字符串	否	–	Android iOS Harmony 3.4	3.4	输入内容

确认按钮被点击

`bindfocus`

Android

iOS

Harmony

3.4

bindfocus = (e: InputFocusEvent) => {};

字段	类型	是否可选	默认值	平台	自版本	描述
value	字符串	否	–	Android iOS Harmony 3.4	3.4	输入内容

获得焦点

`bindinput`

Android

iOS

Harmony

3.4

bindinput = (e: InputInputEvent) => {};

字段	类型	是否可选	默认值	平台	自版本	描述
isComposing	布尔值	是	–	Android iOS Harmony 3.4	3.4	是否正在输入
selectionEnd	数字	否	–	Android iOS Harmony 3.4	3.4	选中文本的结束位置
selectionStart	数字	否	–	Android iOS Harmony 3.4	3.4	选中文本的起始位置
value	字符串	否	–	Android iOS Harmony 3.4	3.4	输入内容

输入内容改变

`bindselection`

Android

iOS

Harmony

3.4

bindselection = (e: InputSelectionEvent) => {};

字段	类型	是否可选	默认值	平台	自版本	描述
selectionEnd	数字	否	–	Android iOS Harmony 3.4	3.4	选中文本的结束位置
selectionStart	数字	否	–	Android iOS Harmony 3.4	3.4	选中文本的起始位置

输入选中文本改变

方法

前端可以通过 SelectorQuery API 调用组件方法。

`blur`

Android

iOS

Harmony

3.4


lynx.createSelectorQuery()
     .select('#id')
     .invoke({
      method: 'blur',
      success: function (res) {},
      fail: function (res) {},
    })
    .exec();

释放焦点

`focus`

Android

iOS

Harmony

3.4


lynx.createSelectorQuery()
     .select('#id')
     .invoke({
      method: 'focus',
      success: function (res) {},
      fail: function (res) {},
    })
    .exec();

请求焦点

`getValue`

Android

iOS

Harmony

3.4

interface GetValueResult {
  /**
   * 是否正在输入，仅 iOS 支持
   * @Android
   * @iOS
   * @Harmony
   * @Web
   * @since 3.4
   */
  isComposing: boolean;
  /**
   * 选中文本的结束位置
   * @Android
   * @iOS
   * @Harmony
   * @Web
   * @since 3.4
   */
  selectionEnd: number;
  /**
   * 选中文本的开始位置
   * @Android
   * @iOS
   * @Harmony
   * @Web
   * @since 3.4
   */
  selectionStart: number;
  /**
   * 输入内容
   * @Android
   * @iOS
   * @Harmony
   * @Web
   * @since 3.4
   */
  value: string;
}

lynx.createSelectorQuery()
     .select('#id')
     .invoke({
      method: 'getValue',
      success: function (res: GetValueResult) {},
      fail: function (res) {},
    })
    .exec();

获取输入内容

`setSelectionRange`

Android

iOS

Harmony

3.4


lynx.createSelectorQuery()
     .select('#id')
     .invoke({
      method: 'setSelectionRange',
      params: {
        /**
         * 选中文本的结束位置
         * @Android
         * @iOS
         * @Harmony
         * @Web
         * @since 3.4
         */
        selectionEnd: 5,
        /**
         * 选中文本的开始位置
         * @Android
         * @iOS
         * @Harmony
         * @Web
         * @since 3.4
         */
        selectionStart: 0,
      },
      success: function (res) {},
      fail: function (res) {},
    })
    .exec();

设置选中文本范围

`setValue`

Android

iOS

Harmony

3.4


lynx.createSelectorQuery()
     .select('#id')
     .invoke({
      method: 'setValue',
      params: {
        /**
         * 输入内容
         * @Android
         * @iOS
         * @Harmony
         * @Web
         * @since 3.4
         */
        value: 'hello',
      },
      success: function (res) {},
      fail: function (res) {},
    })
    .exec();

设置输入内容

#属性

#android-fullscreen-mode

#confirm-type

#disabled

#input-filter

#ios-auto-correct

#ios-spell-check

#maxlength

#placeholder

#readonly

#show-soft-input-on-focus

#type

#事件

#bindblur

#bindconfirm

#bindfocus

#bindinput

#bindselection

#方法

#blur

#focus

#getValue

#setSelectionRange

#setValue

属性

`android-fullscreen-mode`

`confirm-type`

`disabled`

`input-filter`

`ios-auto-correct`

`ios-spell-check`

`maxlength`

`placeholder`

`readonly`

`show-soft-input-on-focus`

`type`

事件

`bindblur`

`bindconfirm`

`bindfocus`

`bindinput`

`bindselection`

方法

`blur`

`focus`

`getValue`

`setSelectionRange`

`setValue`