Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
b9713eab
D
Docs
项目概览
OpenHarmony
/
Docs
大约 1 年 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
提交
b9713eab
编写于
5月 06, 2022
作者:
Y
yaoyuchi
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
修改检视意见
Signed-off-by:
N
yaoyuchi
<
yaoyuchi@huawei.com
>
上级
b38b4797
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
66 addition
and
61 deletion
+66
-61
zh-cn/application-dev/reference/arkui-js/js-components-common-events.md
...ion-dev/reference/arkui-js/js-components-common-events.md
+66
-61
未找到文件。
zh-cn/application-dev/reference/arkui-js/js-components-common-events.md
浏览文件 @
b9713eab
...
...
@@ -48,7 +48,7 @@
| type | string | 当前事件的类型,比如click、longpress等。 |
| timestamp | number | 该事件触发时的时间戳。 |
| deviceId
<sup>
6+
</sup>
| number | 触发该事件的设备ID信息。|
| target
<sup>
6+
</sup>
|
[
Target
](
#
T
arget对象6
)
| 触发该事件的目标对象。|
| target
<sup>
6+
</sup>
|
[
Target
](
#
t
arget对象6
)
| 触发该事件的目标对象。|
**表2**
TouchEvent对象属性列表(继承BaseEvent)
...
...
@@ -91,9 +91,9 @@
| globalX | number | 距离屏幕左上角坐标原点横向距离。 |
| globalY | number | 距离屏幕左上角坐标原点纵向距离。 |
| timestamp | number | 时间戳。 |
| dataTransfer
<sup>
9+
</sup>
|
[
DataTransfer
](
#
DataT
ransfer对象9
)
| 用于传输数据。 |
| dataTransfer
<sup>
9+
</sup>
|
[
DataTransfer
](
#
datat
ransfer对象9
)
| 用于传输数据。 |
##
t
arget对象<sup>6+</sup>
##
T
arget对象<sup>6+</sup>
当组件触发事件后,事件回调函数默认会收到一个事件对象,通过该事件对象可以获取相应的信息。
...
...
@@ -137,32 +137,32 @@ setData(key: string, value: object): boolean
| 参数名 | 参数类型 | 必填 | 描述 |
| ------ | -------- | ---- | ----------------------- |
| key | string | 是 | 数据
类型
|
| value | object | 是 | 要存储的数据 |
| key | string | 是 | 数据
建值。
|
| value | object | 是 | 要存储的数据
。
|
-
返回值:
| 类型 | 说明 |
| ------ | -------- |
| boolean | 执行结果 |
| boolean | 执行结果
,true表示成功,false表示失败。
|
-
示例:
```js
//
setData 可以是基本数据类型,也可以是对象类型
dragStart(e)
{
var isSetOk = e.dataTransfer.setData('name', 1);
}
或
dragStart(e)
{
var person = new Object();
person.name = "list
";
person.age = 21;
var isSetOk = e.dataTransfer.setData('person', person);
}
//
setData的value参数,可以是基本数据类型。
dragStart(e)
{
var isSetOk = e.dataTransfer.setData('name', 1);
}
// setData的value参数,也可以是对象类型。
dragStart(e)
{
var person = new Object();
person.name = "tom
";
person.age = 21;
var isSetOk = e.dataTransfer.setData('person', person);
}
```
### getData<sup>9+</sup>
getData(key: string): object
getData(key: string): object
获取给定key关联的数据,如果没有与该key关联的数据,则返回空字符串。
...
...
@@ -170,25 +170,25 @@ setData(key: string, value: object): boolean
| 参数名 | 参数类型 | 必填 | 描述 |
| ------ | -------- | ---- | -------------------------- |
| key | string | 是 | 数据
类型
|
| key | string | 是 | 数据
建值。
|
-
返回值:
| 类型 | 说明 |
| ------ | -------- |
| object | 获取的数据 |
| object | 获取的数据
。
|
-
示例:
```js
dragStart(e){
var person = new Object();
person.name = "list
";
person.age = 21;
e.dataTransfer.setData('person', person);
},
dragEnd(e){
var result
= e.dataTransfer.getData('person');
},
dragStart(e)
{
var person = new Object();
person.name = "tom
";
person.age = 21;
e.dataTransfer.setData('person', person);
},
dragEnd(e){
var person
= e.dataTransfer.getData('person');
},
```
### clearData<sup>9+</sup>
...
...
@@ -201,19 +201,19 @@ clearData(key?: string): boolean
| 参数名 | 参数类型 | 必填 | 描述 |
| ------ | -------- | ---- | ------------------------------------------ |
| key | string | 否 | 数据
类型。key值存在时删除该类型关联的数据,key为空时删除所有数据
。 |
| key | string | 否 | 数据
建值
。 |
-
返回值:
| 类型 | 说明 |
| ------ | -------- |
| boolean | 执行结果 |
| boolean | 执行结果
,true表示成功,false表示失败。
|
-
示例:
```js
dragEnd(e){
var isSuccess = e.dataTransfer.clearData('name');
}
dragEnd(e)
{
var isSuccess = e.dataTransfer.clearData('name');
}
```
### setDragImage<sup>9+</sup>
...
...
@@ -224,41 +224,46 @@ setDragImage(pixelmap: PixelMap, offsetX: number,offsetY: number): boolean
-
参数:
|
pixelmap
| 参数类型 | 必填 | 描述 |
|
参数名
| 参数类型 | 必填 | 描述 |
| -------- | -------- | ---- | ------------------------------------------------------------ |
| pixelmap | PixelMap | 是 | pixelmap为前端传入的图片资源,请参考[PixelMap对象](../apis/js-apis-image.md#pixelmap7)。 |
| offsetX | number | 是 | 相对于图片的横向偏移量 |
| offsetY | number | 是 | 相对于图片的纵向偏移量 |
| offsetX | number | 是 | 相对于图片的横向偏移量
。
|
| offsetY | number | 是 | 相对于图片的纵向偏移量
。
|
-
返回值:
| 类型 | 说明 |
| ------ | -------- |
| bool | 执行结果 |
| bool | 执行结果
,true表示成功,false表示失败。
|
-
示例:
```js
CreatePixelMap(){
let color=new ArrayBuffer(4*96*96);
var buffer=new Uint8Array(color);
for(var i=0;i<buffer.length;i++){
buffer[i]=(i+1)%255;
}
let opts={
alphaType:0,
editable:true,
pixelFormat:4,
scaleMode:1,
size:{height:96,width:96}
}
const promise=image.createPixelMap(color,opts);
promise.then((data)=>{
console.error('-----create pixmap has info message:'+JSON.stringify(data));
this.pixelMap=data;
this.pixelMapReader=data;
})
},
dragStart(e){
e.dataTransfer.setDragImage(this.pixelMapReader, 50, 50);
},
createPixelMap() {
let color = new ArrayBuffer(4*96*96);
var buffer = new Uint8Array(color);
for (var i = 0; i < buffer.length; i++) {
buffer[i] = (i + 1) % 255;
}
let opts = {
alphaType:0,
editable:true,
pixelFormat:4,
scaleMode:1,
size:{height:96,width:96}
}
const promise = image.createPixelMap(color,opts);
promise.then((data)=> {
console.error('-create pixmap has info message:' + JSON.stringify(data));
this.pixelMap = data;
this.pixelMapReader = data;
})
},
onInit() {
this.createPixelMap
},
dragStart(e) {
e.dataTransfer.setDragImage(this.pixelMapReader, 50, 50);
}
```
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录