Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
f3252a8a
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看板
提交
f3252a8a
编写于
4月 22, 2022
作者:
Y
yaoyuchi
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
修改检视意见
Signed-off-by:
N
yaoyuchi
<
yaoyuchi@huawei.com
>
上级
99ab3fe2
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
102 addition
and
102 deletion
+102
-102
zh-cn/application-dev/reference/arkui-js/js-components-common-events.md
...ion-dev/reference/arkui-js/js-components-common-events.md
+102
-102
未找到文件。
zh-cn/application-dev/reference/arkui-js/js-components-common-events.md
浏览文件 @
f3252a8a
...
...
@@ -91,7 +91,7 @@
| timestamp | number | 时间戳。 |
| dataTransfer | DataTransfer | DataTransfer对象
<sup>
9+
</sup>
。 |
##
**target对象**
##
target对象
当组件触发事件后,事件回调函数默认会收到一个事件对象,通过该事件对象可以获取相应的信息。
...
...
@@ -131,24 +131,24 @@ clearData(key?: string): boolean
删除与给定类型关联的数据。如果类型为空或未指定,则删除所有数据。如果指定类型的数据不存在,或者data transfer中不包含任何数据,则该方法不会产生任何效果。
**参数:**
-
参数:
| 参数名 | 参数类型 | 必填 | 描述 |
| ------ | -------- | ---- | ------------------------------------------ |
| key | string | 否 | 数据类型。key值存在时删除该类型关联的数据,key为空时删除所有数据。 |
| 参数名 | 参数类型 | 必填 | 描述 |
| ------ | -------- | ---- | ------------------------------------------ |
| key | string | 否 | 数据类型。key值存在时删除该类型关联的数据,key为空时删除所有数据。 |
**返回值:**
| 类型 | 说明 |
| ------ | -------- |
| bool | 执行结果 |
-
返回值:
| 类型 | 说明 |
| ------ | -------- |
| bool | 执行结果 |
**示例:**
-
示例:
```
js
dragEnd
(
e
){
var
isSuccess
=
e
.
dataTransfer
.
clearData
(
'
name
'
);
}
```
```js
dragEnd(e){
var isSuccess = e.dataTransfer.clearData('name');
}
```
### getData
...
...
@@ -156,30 +156,30 @@ clearData(key?: string): boolean
获取给定类型关联的数据,如果该类型的数据不存在或data transfer不包含数据,则返回空字符串。
**参数:**
-
参数:
| 参数名 | 参数类型 | 必填 | 描述 |
| ------ | -------- | ---- | -------------------------- |
| 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
'
);
},
```
```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');
},
```
### setData
...
...
@@ -187,33 +187,33 @@ setData(key: string, value: object): boolean
设置给定类型关联的数据。如果该类型的数据不存在,则将其添加到末尾。如果该类型的数据已经存在,则在相同位置替换现有数据。
**参数:**
| 参数名 | 参数类型 | 必填 | 描述 |
| ------ | -------- | ---- | ----------------------- |
| key | string | 是 | 数据类型 |
| value | object | 是 | 要存储的数据 |
**返回值:**
| 类型 | 说明 |
| ------ | -------- |
| bool | 执行结果 |
**示例:**
```
//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);
}
```
-
参数:
| 参数名 | 参数类型 | 必填 | 描述 |
| ------ | -------- | ---- | ----------------------- |
| key | string | 是 | 数据类型 |
| value | object | 是 | 要存储的数据 |
-
返回值:
| 类型 | 说明 |
| ------ | -------- |
| bool | 执行结果 |
-
示例:
```
//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);
}
```
### setDragImage
...
...
@@ -221,43 +221,43 @@ setDragImage(pixelmap: Pixelmap, offsetX: number,offsetY: number): boolean
用于设置自定义的拖动图像。
**参数:**
| pixelmap | 参数类型 | 必填 | 描述 |
| -------- | -------- | ---- | ------------------------------------------------------------ |
| pixelmap | PixelMap | 是 | pixelmap为前端传入的图片资源,请参考
[
PixelMap对象
](
../apis/js-apis-image.md
)
。 |
| offsetX | number | 是 | 相对于图片的横向偏移量 |
| offsetY | number | 是 | 相对于图片的纵向偏移量 |
**返回值:**
| 类型 | 说明 |
| ------ | -------- |
| bool | 执行结果 |
**示例:**
```
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
);
},
```
-
参数:
| pixelmap | 参数类型 | 必填 | 描述 |
| -------- | -------- | ---- | ------------------------------------------------------------ |
| pixelmap | PixelMap | 是 | pixelmap为前端传入的图片资源,请参考[PixelMap对象](../apis/js-apis-image.md)。 |
| offsetX | number | 是 | 相对于图片的横向偏移量 |
| offsetY | number | 是 | 相对于图片的纵向偏移量 |
-
返回值:
| 类型 | 说明 |
| ------ | -------- |
| bool | 执行结果 |
-
示例:
```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);
},
```
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录