Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
enjoyphenix
unidocs-zh
提交
b3fd3806
unidocs-zh
项目概览
enjoyphenix
/
unidocs-zh
与 Fork 源项目一致
Fork自
DCloud / unidocs-zh
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
b3fd3806
编写于
10月 18, 2023
作者:
张
张磊
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
添加transitionend相关文档说明
上级
82f48c9c
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
37 addition
and
0 deletion
+37
-0
docs/uni-app-x/component/common.md
docs/uni-app-x/component/common.md
+37
-0
未找到文件。
docs/uni-app-x/component/common.md
浏览文件 @
b3fd3806
...
...
@@ -21,9 +21,46 @@
-
@tap
-
@click //与tap等价
-
@longpress
-
@transitionend
在多点触摸的屏幕上,touch事件返回数组,包含了每个touch点对应的x、y坐标。
### transition 事件
-
@transitionend
transition 效果结束时触发
```
vue
<
template
>
<image
class=
"transition-transform"
id=
"transition-transform"
@
transitionend=
"onEnd"
src=
"/static/uni.png"
></image>
</
template
>
<
script
>
export
default
{
data
()
{
return
{}
},
onReady
()
{
var
element
=
uni
.
getElementById
(
'
transition-transform
'
)
element
!
.
style
.
setProperty
(
'
transform
'
,
'
rotate(360deg)
'
)
},
methods
:
{
onEnd
()
{
console
.
log
(
"
transition效果结束
"
)
}
}
}
</
script
>
<
style
>
.transition-transform
{
transition-duration
:
2000
;
transition-property
:
transform
;
transform
:
rotate
(
0deg
);
}
</
style
>
```
### 冒泡事件系统
DOM事件主要有三个阶段:捕获阶段、目标阶段和冒泡阶段。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录