> 文档中心 > Harmony OS鸿蒙(JavaScript/JS)获取输入框(input)数据,响应输入事件并且获得参数教程

Harmony OS鸿蒙(JavaScript/JS)获取输入框(input)数据,响应输入事件并且获得参数教程


创建一个Harmony OS 的JS项目

打开Deveco Studio,Create Project(新建项目)选择Empty Ability,然后点击Next

Harmony OS鸿蒙(JavaScript/JS)获取输入框(input)数据,响应输入事件并且获得参数教程

选择api6

Harmony OS鸿蒙(JavaScript/JS)获取输入框(input)数据,响应输入事件并且获得参数教程

如下图设置(language选择JS),点击finish

Harmony OS鸿蒙(JavaScript/JS)获取输入框(input)数据,响应输入事件并且获得参数教程

稍等片刻,等待项目创建完毕。

编写代码

index.html代码:

其中text组件中的input是变量,@change为绑定输入框改变的事件,见官方文档

Harmony OS鸿蒙(JavaScript/JS)获取输入框(input)数据,响应输入事件并且获得参数教程

这是HTML代码:

Harmony OS鸿蒙(JavaScript/JS)获取输入框(input)数据,响应输入事件并且获得参数教程

{{input}}

下面处理JS:

其中在data中定义变量:input,且input的值为空

inputValue为官方文档(见上文的参数)

下面在input事件中,给到value:inputValue参数为输入框(input)的数据

this.input = inputValue则表明将inputValue(输入框的数据)赋值给input里面

Harmony OS鸿蒙(JavaScript/JS)获取输入框(input)数据,响应输入事件并且获得参数教程

export default {    data: { input:""    },    input({ value:inputValue }){ this.input = inputValue    }}

即实现了读取输入框里面的文字来显示出来的效果!

医疗百科