# HTML5 标签
目前支持的 HTML5 标签列表
# <div>
通用的div标签,具体参数参考CSS样式列表。
海报场景建议使用 JsvPosterDiv,可含有海报加载完成瞬间的淡入效果,以及加载完成前的显示自定义的默认背景,加载完成后默认背景消失的功能
# <img>
通用的img标签,具体参数参考CSS样式列表,和div相比,多一个onload回调来用来了解图片加载的时机
onload的写法样例:
<img :src="xxxxxx" @load="xxxFunction"/>
1
海报场景建议使用 JsvPosterImage,除了具有JsvPosterDiv的功能外,还能控制图片进行按显示尺寸压缩来节省内存,
# <audio>
JsView的长音频播放请使用JsvAudio插件,按键音等短音频使用 JsvSoundPool 组件,参考样例为: 游戏实例->SoundPool
其中JsvAudio的参数是参考H5标准,但没有timeupdated回调,如果想进行进度控制等操作,请转用商用插件 JsvPlayer
H5参照: HTML5 audio 标准 (opens new window)
# <video>
考虑到盒子播放器的独特性,JsView不提供直接的video标签,视频/音频播放都通过插件实现,例如商用插件 JsvPlayer
# 其他
# Element方法
jsvGetBoundingClientRect 异步获取元素的绝对坐标, 返回Promise. then回调参数: { left: number, top: number, width: number, height: number }
jsvSetTapListener 注册触控单指的响应处理,其参数为 { listeners: Object }
此listener Object的格式为:
{
onClick: ,// 可为null或者不写,此为响应点击事件的回调函数
onLongPress: ,// 可为null或者不写,作为长按处理的回调,长按转drag时,
// 会变成onCancel状态,如果长按后正常离开,则为onLongPressRelease状态
onLongPressRelease: ,// 可为null或者不写,长按动作正常结束的事件回调
onCancel: , // 可为null或者不写,手指在LongPress状态下,开始进行大幅度移动退出长按状态时
onTouchStart: ,// 可为null或者不写,第一个手指按下时回调
onTouchEnd: ,// 可为null或者不写,最后一个手指离开时回调
}
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
注意: 当此功能启动时,本element若同时存在@click回调,则不再响应(功能被jsvSetTapListener替代)