TouchEvent
触摸事件。
属性
属性名 | 类型 | 说明 | 示例 |
---|---|---|---|
type | string | 事件类型 | type: 'touch' |
state | number | 手势状态 | state: 0 // normal state: 1 // began state: 2 // changed state: 3 // ended state: 4 // cancelled |
timestamp | number | 时间戳 | timestamp: 1578973450142 |
position | Object | 触摸位置(单位:dp或pt) | position: {x: 111.1, y: 222.2} |
示例
Tenon Vue
html
<!-- App.vue-->
<template>
<view @touch="handleTouch">
<text>Touch Demo</text>
</view>
</template>
<script>
export default {
methods: {
handleTouch(){
Toast.show('Touch')
}
}
}
</script>
Tenon React
jsx
import React from "react"
import Tenon from "@hummer/tenon-react"
function App() {
function handleTouch(){
Toast.show('Touch')
}
return (
<view onTouch={handleTouch}>
<text>Touch Demo</text>
</view>
);
}
Tenon.render(<App/>)